mixdashboards 1.0.32 → 1.0.39

package/dist/mixdashboards.js

@@ -1,10 +1,10 @@
-import { _ as a, b as g, c as o, e as t, i, f as n, h as r } from "./index-B-aA7889.js";
+import { m as a, n as o, o as g, p as n, q as r, r as t, s as i } from "./index-kShjySl9.js";
 export {
   a as DesignApp,
-  g as DesignPro,
-  o as DesignShow,
-  t as configureAuth,
-  i as default,
-  n as getAuthToken,
-  r as getWsUrl
+  o as DesignPro,
+  g as DesignShow,
+  n as configureAuth,
+  r as default,
+  t as getAuthToken,
+  i as getWsUrl
 };

package/dist/mjpegCamera-Cfw3rzT5.js

@@ -0,0 +1,158 @@
+var j = Object.defineProperty, k = Object.defineProperties;
+var w = Object.getOwnPropertyDescriptors;
+var _ = Object.getOwnPropertySymbols;
+var N = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
+var h = (l, t, r) => t in l ? j(l, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : l[t] = r, A = (l, t) => {
+  for (var r in t || (t = {}))
+    N.call(t, r) && h(l, r, t[r]);
+  if (_)
+    for (var r of _(t))
+      U.call(t, r) && h(l, r, t[r]);
+  return l;
+}, S = (l, t) => k(l, w(t));
+import { defineComponent as L, ref as m, computed as g, watch as P, openBlock as s, createElementBlock as n, normalizeStyle as x, createElementVNode as a, unref as R, createCommentVNode as f, toDisplayString as D, renderSlot as F } from "vue";
+import { B as I } from "./element-resize-detector-DJcsrJ8s.js";
+import { _ as z } from "./index-kShjySl9.js";
+import { A as B, D as H } from "./ele-vdo-icon-DcWebTR5.js";
+const T = {
+  key: 0,
+  class: "empty-state"
+}, $ = {
+  viewBox: "0 0 24 24",
+  width: "48",
+  height: "48",
+  fill: "currentColor",
+  style: { opacity: "0.4" }
+}, G = {
+  key: 1,
+  class: "stream-wrapper"
+}, J = ["src"], Z = {
+  key: 0,
+  class: "overlay"
+}, q = {
+  key: 1,
+  class: "overlay error"
+}, K = {
+  key: 2,
+  class: "edit-badge"
+}, Q = {
+  DEFAULT_ICON: H,
+  ACTIVE_ICON: B,
+  NAME_CN: "监控摄像头",
+  NAME_EN: "MJPEG Camera",
+  ORDER: 2
+}, W = {
+  streamUrl: { value: "", type: "string", label: "推流地址" },
+  objectFit: {
+    value: "contain",
+    type: "select",
+    label: "画面填充方式",
+    options: [
+      { label: "等比缩放", value: "contain" },
+      { label: "填充", value: "cover" },
+      { label: "拉伸", value: "fill" }
+    ]
+  },
+  bgColor: { value: "#000000", type: "color", label: "component.options.bgColor" },
+  radiusSize: { value: 0, type: "number", label: "component.options.radiusSize", min: 0, max: 50 },
+  useProxy: { value: !0, type: "checkbox", label: "启用代理（解决跨域）" }
+}, X = [], Y = [], ee = [], te = null, oe = { DEFAULT: Q, OPTIONS: W, DATA: X, PARAMS: Y, SOURCE: ee, COMMON: te }, le = /* @__PURE__ */ L(S(A({}, oe), {
+  __name: "mjpegCamera",
+  props: {
+    conf: { type: Object, required: !0 },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(l) {
+    const t = l;
+    class r extends I {
+      extractStyles() {
+        return {
+          streamUrl: this.getOptionValue("streamUrl", ""),
+          objectFit: this.getOptionValue("objectFit", "contain"),
+          bgColor: this.getOptionValue("bgColor", "#000000"),
+          radiusSize: this.getOptionValue("radiusSize", 0),
+          useProxy: this.getOptionValue("useProxy", !0)
+        };
+      }
+    }
+    const b = new r(t, "mjpegCamera");
+    b.setupLifecycle();
+    const i = b.getStyle(), d = m(null), u = m(!1), c = m(!1), C = m(""), v = g(() => {
+      var e;
+      return ((e = i.value) == null ? void 0 : e.streamUrl) || "";
+    }), p = g(() => {
+      var o;
+      const e = v.value;
+      if (!e) return "";
+      if (!((o = i.value) != null && o.useProxy)) return e;
+      try {
+        const y = new URL(e);
+        return `/mjpeg-proxy${y.pathname}${y.search}`;
+      } catch (y) {
+        return e;
+      }
+    }), E = g(() => {
+      var e, o;
+      return {
+        borderRadius: `${((e = i.value) == null ? void 0 : e.radiusSize) || 0}px`,
+        backgroundColor: ((o = i.value) == null ? void 0 : o.bgColor) || "#000"
+      };
+    }), O = () => {
+      u.value = !1, c.value = !1;
+    }, V = () => {
+      u.value = !1, c.value = !0, C.value = "无法连接到推流地址，请检查地址是否正确";
+    }, M = () => {
+      !d.value || !p.value || (c.value = !1, u.value = !0, d.value.src = p.value + (p.value.includes("?") ? "&" : "?") + "_t=" + Date.now());
+    };
+    return P(v, (e) => {
+      e && (u.value = !0, c.value = !1);
+    }), (e, o) => (s(), n("div", {
+      class: "mjpeg-camera",
+      style: x(E.value)
+    }, [
+      v.value ? (s(), n("div", G, [
+        a("img", {
+          ref_key: "imgRef",
+          ref: d,
+          src: p.value,
+          class: "stream-img",
+          style: x({ objectFit: R(i).objectFit }),
+          onError: V,
+          onLoad: O,
+          alt: "监控画面"
+        }, null, 44, J),
+        u.value ? (s(), n("div", Z, [...o[2] || (o[2] = [
+          a("div", { class: "spinner" }, null, -1),
+          a("span", null, "连接中...", -1)
+        ])])) : f("", !0),
+        c.value ? (s(), n("div", q, [
+          o[3] || (o[3] = a("svg", {
+            viewBox: "0 0 24 24",
+            width: "36",
+            height: "36",
+            fill: "currentColor"
+          }, [
+            a("path", { d: "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" })
+          ], -1)),
+          a("span", null, D(C.value), 1),
+          a("button", {
+            class: "retry-btn",
+            onClick: M
+          }, "重试")
+        ])) : f("", !0),
+        l.mode !== "preview" ? (s(), n("div", K, "MJPEG 监控")) : f("", !0)
+      ])) : (s(), n("div", T, [
+        (s(), n("svg", $, [...o[0] || (o[0] = [
+          a("path", { d: "M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z" }, null, -1)
+        ])])),
+        o[1] || (o[1] = a("p", { class: "empty-text" }, "请在属性面板中设置推流地址", -1))
+      ])),
+      F(e.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), ue = /* @__PURE__ */ z(le, [["__scopeId", "data-v-146c2917"]]);
+export {
+  ue as default
+};

package/dist/mjpegCamera-nxKfhobY.cjs

@@ -0,0 +1 @@
+"use strict";var N=Object.defineProperty,h=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var g=(r,o,a)=>o in r?N(r,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[o]=a,f=(r,o)=>{for(var a in o||(o={}))A.call(o,a)&&g(r,a,o[a]);if(y)for(var a of y(o))B.call(o,a)&&g(r,a,o[a]);return r},E=(r,o)=>h(r,S(o));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),O=require("./element-resize-detector-Bo5uDQAu.cjs"),x=require("./index-Mh5Dw2sd.cjs"),C=require("./ele-vdo-icon-Bgp9gaT6.cjs"),M={key:0,class:"empty-state"},j={viewBox:"0 0 24 24",width:"48",height:"48",fill:"currentColor",style:{opacity:"0.4"}},I={key:1,class:"stream-wrapper"},U=["src"],w={key:0,class:"overlay"},L={key:1,class:"overlay error"},P={key:2,class:"edit-badge"},R={DEFAULT_ICON:C.DEFAULT_ICON,ACTIVE_ICON:C.ACTIVE_ICON,NAME_CN:"监控摄像头",NAME_EN:"MJPEG Camera",ORDER:2},z={streamUrl:{value:"",type:"string",label:"推流地址"},objectFit:{value:"contain",type:"select",label:"画面填充方式",options:[{label:"等比缩放",value:"contain"},{label:"填充",value:"cover"},{label:"拉伸",value:"fill"}]},bgColor:{value:"#000000",type:"color",label:"component.options.bgColor"},radiusSize:{value:0,type:"number",label:"component.options.radiusSize",min:0,max:50},useProxy:{value:!0,type:"checkbox",label:"启用代理（解决跨域）"}},D=[],F=[],T=[],H=null,q={DEFAULT:R,OPTIONS:z,DATA:D,PARAMS:F,SOURCE:T,COMMON:H},$=e.defineComponent(E(f({},q),{__name:"mjpegCamera",props:{conf:{type:Object,required:!0},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(r){const o=r;class a extends O.BaseComponent{extractStyles(){return{streamUrl:this.getOptionValue("streamUrl",""),objectFit:this.getOptionValue("objectFit","contain"),bgColor:this.getOptionValue("bgColor","#000000"),radiusSize:this.getOptionValue("radiusSize",0),useProxy:this.getOptionValue("useProxy",!0)}}}const p=new a(o,"mjpegCamera");p.setupLifecycle();const n=p.getStyle(),i=e.ref(null),s=e.ref(!1),c=e.ref(!1),v=e.ref(""),d=e.computed(()=>{var t;return((t=n.value)==null?void 0:t.streamUrl)||""}),u=e.computed(()=>{var l;const t=d.value;if(!t)return"";if(!((l=n.value)!=null&&l.useProxy))return t;try{const m=new URL(t);return`/mjpeg-proxy${m.pathname}${m.search}`}catch(m){return t}}),b=e.computed(()=>{var t,l;return{borderRadius:`${((t=n.value)==null?void 0:t.radiusSize)||0}px`,backgroundColor:((l=n.value)==null?void 0:l.bgColor)||"#000"}}),V=()=>{s.value=!1,c.value=!1},_=()=>{s.value=!1,c.value=!0,v.value="无法连接到推流地址，请检查地址是否正确"},k=()=>{!i.value||!u.value||(c.value=!1,s.value=!0,i.value.src=u.value+(u.value.includes("?")?"&":"?")+"_t="+Date.now())};return e.watch(d,t=>{t&&(s.value=!0,c.value=!1)}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:"mjpeg-camera",style:e.normalizeStyle(b.value)},[d.value?(e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("img",{ref_key:"imgRef",ref:i,src:u.value,class:"stream-img",style:e.normalizeStyle({objectFit:e.unref(n).objectFit}),onError:_,onLoad:V,alt:"监控画面"},null,44,U),s.value?(e.openBlock(),e.createElementBlock("div",w,[...l[2]||(l[2]=[e.createElementVNode("div",{class:"spinner"},null,-1),e.createElementVNode("span",null,"连接中...",-1)])])):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("div",L,[l[3]||(l[3]=e.createElementVNode("svg",{viewBox:"0 0 24 24",width:"36",height:"36",fill:"currentColor"},[e.createElementVNode("path",{d:"M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"})],-1)),e.createElementVNode("span",null,e.toDisplayString(v.value),1),e.createElementVNode("button",{class:"retry-btn",onClick:k},"重试")])):e.createCommentVNode("",!0),r.mode!=="preview"?(e.openBlock(),e.createElementBlock("div",P,"MJPEG 监控")):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",M,[(e.openBlock(),e.createElementBlock("svg",j,[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z"},null,-1)])])),l[1]||(l[1]=e.createElementVNode("p",{class:"empty-text"},"请在属性面板中设置推流地址",-1))])),e.renderSlot(t.$slots,"default",{},void 0,!0)],4))}})),G=x._export_sfc($,[["__scopeId","data-v-146c2917"]]);exports.default=G;

package/dist/monitorAlert-Bg5vzzyG.js

@@ -0,0 +1,225 @@
+var $ = Object.defineProperty, F = Object.defineProperties;
+var z = Object.getOwnPropertyDescriptors;
+var O = Object.getOwnPropertySymbols;
+var H = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
+var N = (d, l, i) => l in d ? $(d, l, { enumerable: !0, configurable: !0, writable: !0, value: i }) : d[l] = i, M = (d, l) => {
+  for (var i in l || (l = {}))
+    H.call(l, i) && N(d, i, l[i]);
+  if (O)
+    for (var i of O(l))
+      K.call(l, i) && N(d, i, l[i]);
+  return d;
+}, B = (d, l) => F(d, z(l));
+import { defineComponent as Q, useCssVars as q, unref as s, ref as A, computed as L, openBlock as _, createElementBlock as g, createElementVNode as o, toDisplayString as C, normalizeStyle as R, withDirectives as w, vModelText as D, Fragment as G, renderList as J, createCommentVNode as W, renderSlot as X } from "vue";
+import "html2canvas";
+import { B as Y, i as Z, j as ee } from "./element-resize-detector-DJcsrJ8s.js";
+import { A as te, D as oe } from "./ele-evn-icon-MWzAujnD.js";
+import { _ as le } from "./index-kShjySl9.js";
+const ae = { class: "monitor-alert-wrapper" }, re = { class: "panel-header" }, ne = { class: "header-left" }, se = { class: "header-title" }, ce = { class: "search-bar" }, ie = ["placeholder"], de = { class: "date-picker-row" }, ue = { class: "date-picker-item" }, fe = { class: "date-picker-item" }, ve = { class: "alert-list" }, pe = ["onClick"], me = { class: "alert-content" }, Ce = { class: "alert-title" }, be = { class: "alert-desc" }, he = { class: "alert-time" }, _e = {
+  key: 0,
+  class: "no-data"
+}, ge = {
+  DEFAULT_ICON: oe,
+  ACTIVE_ICON: te,
+  NAME_CN: "监测预警",
+  NAME_EN: "Monitor Alert",
+  ORDER: 10
+}, ye = {
+  title: { value: "监测预警", type: "string", label: "component.monitorAlert.title" },
+  searchPlaceholder: { value: "搜索预警类型、位置...", type: "string", label: "component.monitorAlert.searchPlaceholder" },
+  bgColor: { value: "#1a2a3a", type: "color", label: "setting.bgColor" },
+  borderColor: { value: "#2a4a6a", type: "color", label: "component.monitorAlert.borderColor" },
+  textColor: { value: "#ffffff", type: "color", label: "setting.textColor" },
+  accentColor: { value: "#00d4ff", type: "color", label: "component.monitorAlert.accentColor" },
+  alertColor: { value: "#e74c3c", type: "color", label: "component.monitorAlert.alertColor" },
+  glowEffect: { value: !0, type: "checkbox", label: "component.monitorAlert.glowEffect" },
+  warnColor: { value: "#f39c12", type: "color", label: "component.monitorAlert.warnColor" },
+  infoColor: { value: "#9b59b6", type: "color", label: "component.monitorAlert.infoColor" }
+}, Ae = [
+  { name: "边坡变形监测", fv: "alert_type", object_id: "", location: "南区边坡", desc: "变形加速", time: "15:42", level: "warn" },
+  { name: "裂缝监测预警", fv: "alert_type", object_id: "", location: "北区挡墙", desc: "裂缝扩展", time: "14:30", level: "error" },
+  { name: "位移监测提醒", fv: "alert_type", object_id: "", location: "东区边坡", desc: "位移异常", time: "13:15", level: "info" }
+], we = ["name", "fv", "object_id", "location", "desc", "time", "level"], De = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Ee = { useAlias: !1, multiObject: !0, source: "mosaic" }, ke = { DEFAULT: ge, OPTIONS: ye, DATA: Ae, PARAMS: we, SOURCE: De, COMMON: Ee }, xe = /* @__PURE__ */ Q(B(M({}, ke), {
+  __name: "monitorAlert",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(d) {
+    q((c) => ({
+      v9d4cab66: s(a).bgColor,
+      v9d5d2974: s(a).borderColor,
+      v589672a5: s(a).textColor,
+      v405bdd68: s(a).accentColor,
+      d004beb6: s(a).glowEffect ? `drop-shadow(0 0 6px ${s(a).accentColor})` : "none",
+      v1d7291d1: s(a).glowEffect ? `0 0 10px ${s(a).accentColor}` : "none",
+      v323da4f6: s(a).glowEffect ? `0 0 10px ${s(a).alertColor}` : "none"
+    }));
+    const l = d;
+    class i extends Y {
+      extractStyles() {
+        var t, u, r, n, v, f, h, b, m, S, j;
+        const { options: e } = this.props.conf;
+        return {
+          title: ((t = e == null ? void 0 : e.title) == null ? void 0 : t.value) || "监测预警",
+          searchPlaceholder: ((u = e == null ? void 0 : e.searchPlaceholder) == null ? void 0 : u.value) || "搜索预警类型、位置...",
+          bgColor: ((r = e == null ? void 0 : e.bgColor) == null ? void 0 : r.value) || "#1a2a3a",
+          borderColor: ((n = e == null ? void 0 : e.borderColor) == null ? void 0 : n.value) || "#2a4a6a",
+          textColor: ((v = e == null ? void 0 : e.textColor) == null ? void 0 : v.value) || "#ffffff",
+          accentColor: ((f = e == null ? void 0 : e.accentColor) == null ? void 0 : f.value) || "#00d4ff",
+          alertColor: ((h = e == null ? void 0 : e.alertColor) == null ? void 0 : h.value) || "#e74c3c",
+          glowEffect: (m = (b = e == null ? void 0 : e.glowEffect) == null ? void 0 : b.value) != null ? m : !0,
+          warnColor: ((S = e == null ? void 0 : e.warnColor) == null ? void 0 : S.value) || "#f39c12",
+          infoColor: ((j = e == null ? void 0 : e.infoColor) == null ? void 0 : j.value) || "#9b59b6"
+        };
+      }
+      getDefaultData() {
+        return [
+          { name: "边坡变形监测", fv: "alert_type", object_id: "", location: "南区边坡", desc: "变形加速", time: "15:42", level: "warn" },
+          { name: "裂缝监测预警", fv: "alert_type", object_id: "", location: "北区挡墙", desc: "裂缝扩展", time: "14:30", level: "error" },
+          { name: "位移监测提醒", fv: "alert_type", object_id: "", location: "东区边坡", desc: "位移异常", time: "13:15", level: "info" }
+        ];
+      }
+      setHistoryData(e) {
+        const { data: t, common: u } = this.props.conf;
+        if (!t.some((f) => f.object_id && f.fv)) return;
+        const n = u.source || "mosaic";
+        ["statistics", "calculate"].includes(n) && (e = Z(e, t));
+        let v = ee(e, this.props, "history");
+        t.forEach((f, h) => {
+          var b;
+          if (!(!f.object_id || !f.fv))
+            try {
+              const m = (b = v.history[h]) == null ? void 0 : b[0];
+              m && Object.assign(f, m);
+            } catch (m) {
+            }
+        });
+      }
+      setSocketData(e) {
+        if (!e) return;
+        const { data: t } = this.props.conf;
+        t.some((r) => r.object_id && r.fv) && t.forEach((r) => {
+          if (!r.object_id || !r.fv) return;
+          const n = this.extractDataValue(e, r.fv);
+          n != null && (typeof n == "object" && n !== null ? Object.assign(r, n) : r.value = n);
+        });
+      }
+    }
+    const y = new i(l, "monitorAlert");
+    (!l.conf.data || l.conf.data.length === 0) && (l.conf.data = y.getDefaultData()), y.setupLifecycle();
+    const a = y.getStyle(), p = A(""), E = A(""), k = A(""), V = L(() => {
+      var c, e;
+      return ((e = (c = l.conf) == null ? void 0 : c.data) == null ? void 0 : e.length) || 0;
+    }), x = L(() => {
+      var t;
+      const c = ((t = l.conf) == null ? void 0 : t.data) || [];
+      if (!p.value) return c;
+      const e = p.value.toLowerCase();
+      return c.filter(
+        (u) => {
+          var r, n, v;
+          return ((r = u.name) == null ? void 0 : r.toLowerCase().includes(e)) || ((n = u.location) == null ? void 0 : n.toLowerCase().includes(e)) || ((v = u.desc) == null ? void 0 : v.toLowerCase().includes(e));
+        }
+      );
+    }), P = (c) => {
+      const t = {
+        error: a.alertColor,
+        warn: a.warnColor,
+        info: a.infoColor
+      }[c] || a.infoColor;
+      return {
+        borderLeftColor: t,
+        background: `linear-gradient(90deg, ${t}20 0%, transparent 100%)`
+      };
+    }, U = () => console.log("搜索:", p.value), I = () => {
+      p.value = "";
+    }, T = (c) => console.log("点击预警:", c);
+    return (c, e) => (_(), g("div", ae, [
+      o("div", re, [
+        o("div", ne, [
+          e[3] || (e[3] = o("svg", {
+            class: "header-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2"
+          }, [
+            o("path", { d: "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" }),
+            o("path", { d: "M13.73 21a2 2 0 0 1-3.46 0" })
+          ], -1)),
+          o("span", se, C(s(a).title), 1)
+        ]),
+        o("div", {
+          class: "alert-badge",
+          style: R({ borderColor: s(a).alertColor, color: s(a).alertColor })
+        }, C(V.value) + "条新预警 ", 5)
+      ]),
+      o("div", ce, [
+        w(o("input", {
+          "onUpdate:modelValue": e[0] || (e[0] = (t) => p.value = t),
+          type: "text",
+          class: "search-input",
+          placeholder: s(a).searchPlaceholder
+        }, null, 8, ie), [
+          [D, p.value]
+        ]),
+        o("button", {
+          class: "search-btn",
+          onClick: U
+        }, [...e[4] || (e[4] = [
+          o("span", null, "Q", -1)
+        ])]),
+        o("button", {
+          class: "clear-btn",
+          onClick: I
+        }, [...e[5] || (e[5] = [
+          o("span", null, "×", -1)
+        ])])
+      ]),
+      o("div", de, [
+        o("div", ue, [
+          e[6] || (e[6] = o("label", null, "开始日期", -1)),
+          w(o("input", {
+            "onUpdate:modelValue": e[1] || (e[1] = (t) => E.value = t),
+            type: "date",
+            class: "date-input"
+          }, null, 512), [
+            [D, E.value]
+          ])
+        ]),
+        o("div", fe, [
+          e[7] || (e[7] = o("label", null, "结束日期", -1)),
+          w(o("input", {
+            "onUpdate:modelValue": e[2] || (e[2] = (t) => k.value = t),
+            type: "date",
+            class: "date-input"
+          }, null, 512), [
+            [D, k.value]
+          ])
+        ])
+      ]),
+      o("div", ve, [
+        (_(!0), g(G, null, J(x.value, (t, u) => (_(), g("div", {
+          key: u,
+          class: "alert-item",
+          style: R(P(t.level)),
+          onClick: (r) => T(t)
+        }, [
+          o("div", me, [
+            o("div", Ce, C(t.name), 1),
+            o("div", be, "位置：" + C(t.location) + " " + C(t.desc), 1)
+          ]),
+          o("div", he, C(t.time), 1)
+        ], 12, pe))), 128)),
+        x.value.length === 0 ? (_(), g("div", _e, " 暂无预警数据 ")) : W("", !0)
+      ]),
+      X(c.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+})), Le = /* @__PURE__ */ le(xe, [["__scopeId", "data-v-39a5db17"]]);
+export {
+  Le as default
+};

package/dist/monitorAlert-Bt0baNh4.cjs

@@ -0,0 +1 @@
+"use strict";var M=Object.defineProperty,T=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var A=(d,l,s)=>l in d?M(d,l,{enumerable:!0,configurable:!0,writable:!0,value:s}):d[l]=s,w=(d,l)=>{for(var s in l||(l={}))L.call(l,s)&&A(d,s,l[s]);if(V)for(var s of V(l))R.call(l,s)&&A(d,s,l[s]);return d},D=(d,l)=>T(d,I(l));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("html2canvas");const h=require("./element-resize-detector-Bo5uDQAu.cjs"),S=require("./ele-evn-icon-DUQMS-9T.cjs"),P=require("./index-Mh5Dw2sd.cjs"),U={class:"monitor-alert-wrapper"},$={class:"panel-header"},q={class:"header-left"},F={class:"header-title"},z={class:"search-bar"},H=["placeholder"],K={class:"date-picker-row"},Q={class:"date-picker-item"},G={class:"date-picker-item"},J={class:"alert-list"},W=["onClick"],X={class:"alert-content"},Y={class:"alert-title"},Z={class:"alert-desc"},ee={class:"alert-time"},te={key:0,class:"no-data"},oe={DEFAULT_ICON:S.DEFAULT_ICON,ACTIVE_ICON:S.ACTIVE_ICON,NAME_CN:"监测预警",NAME_EN:"Monitor Alert",ORDER:10},le={title:{value:"监测预警",type:"string",label:"component.monitorAlert.title"},searchPlaceholder:{value:"搜索预警类型、位置...",type:"string",label:"component.monitorAlert.searchPlaceholder"},bgColor:{value:"#1a2a3a",type:"color",label:"setting.bgColor"},borderColor:{value:"#2a4a6a",type:"color",label:"component.monitorAlert.borderColor"},textColor:{value:"#ffffff",type:"color",label:"setting.textColor"},accentColor:{value:"#00d4ff",type:"color",label:"component.monitorAlert.accentColor"},alertColor:{value:"#e74c3c",type:"color",label:"component.monitorAlert.alertColor"},glowEffect:{value:!0,type:"checkbox",label:"component.monitorAlert.glowEffect"},warnColor:{value:"#f39c12",type:"color",label:"component.monitorAlert.warnColor"},infoColor:{value:"#9b59b6",type:"color",label:"component.monitorAlert.infoColor"}},re=[{name:"边坡变形监测",fv:"alert_type",object_id:"",location:"南区边坡",desc:"变形加速",time:"15:42",level:"warn"},{name:"裂缝监测预警",fv:"alert_type",object_id:"",location:"北区挡墙",desc:"裂缝扩展",time:"14:30",level:"error"},{name:"位移监测提醒",fv:"alert_type",object_id:"",location:"东区边坡",desc:"位移异常",time:"13:15",level:"info"}],ae=["name","fv","object_id","location","desc","time","level"],ne=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],ce={useAlias:!1,multiObject:!0,source:"mosaic"},se={DEFAULT:oe,OPTIONS:le,DATA:re,PARAMS:ae,SOURCE:ne,COMMON:ce},de=e.defineComponent(D(w({},se),{__name:"monitorAlert",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(d){e.useCssVars(c=>({v9d4cab66:e.unref(r).bgColor,v9d5d2974:e.unref(r).borderColor,v589672a5:e.unref(r).textColor,v405bdd68:e.unref(r).accentColor,d004beb6:e.unref(r).glowEffect?`drop-shadow(0 0 6px ${e.unref(r).accentColor})`:"none",v1d7291d1:e.unref(r).glowEffect?`0 0 10px ${e.unref(r).accentColor}`:"none",v323da4f6:e.unref(r).glowEffect?`0 0 10px ${e.unref(r).alertColor}`:"none"}));const l=d;class s extends h.BaseComponent{extractStyles(){var o,i,a,n,f,u,C,p,m,g,N;const{options:t}=this.props.conf;return{title:((o=t==null?void 0:t.title)==null?void 0:o.value)||"监测预警",searchPlaceholder:((i=t==null?void 0:t.searchPlaceholder)==null?void 0:i.value)||"搜索预警类型、位置...",bgColor:((a=t==null?void 0:t.bgColor)==null?void 0:a.value)||"#1a2a3a",borderColor:((n=t==null?void 0:t.borderColor)==null?void 0:n.value)||"#2a4a6a",textColor:((f=t==null?void 0:t.textColor)==null?void 0:f.value)||"#ffffff",accentColor:((u=t==null?void 0:t.accentColor)==null?void 0:u.value)||"#00d4ff",alertColor:((C=t==null?void 0:t.alertColor)==null?void 0:C.value)||"#e74c3c",glowEffect:(m=(p=t==null?void 0:t.glowEffect)==null?void 0:p.value)!=null?m:!0,warnColor:((g=t==null?void 0:t.warnColor)==null?void 0:g.value)||"#f39c12",infoColor:((N=t==null?void 0:t.infoColor)==null?void 0:N.value)||"#9b59b6"}}getDefaultData(){return[{name:"边坡变形监测",fv:"alert_type",object_id:"",location:"南区边坡",desc:"变形加速",time:"15:42",level:"warn"},{name:"裂缝监测预警",fv:"alert_type",object_id:"",location:"北区挡墙",desc:"裂缝扩展",time:"14:30",level:"error"},{name:"位移监测提醒",fv:"alert_type",object_id:"",location:"东区边坡",desc:"位移异常",time:"13:15",level:"info"}]}setHistoryData(t){const{data:o,common:i}=this.props.conf;if(!o.some(u=>u.object_id&&u.fv))return;const n=i.source||"mosaic";["statistics","calculate"].includes(n)&&(t=h.formatStatisticsResult(t,o));let f=h.handleNullData(t,this.props,"history");o.forEach((u,C)=>{var p;if(!(!u.object_id||!u.fv))try{const m=(p=f.history[C])==null?void 0:p[0];m&&Object.assign(u,m)}catch(m){}})}setSocketData(t){if(!t)return;const{data:o}=this.props.conf;o.some(a=>a.object_id&&a.fv)&&o.forEach(a=>{if(!a.object_id||!a.fv)return;const n=this.extractDataValue(t,a.fv);n!=null&&(typeof n=="object"&&n!==null?Object.assign(a,n):a.value=n)})}}const b=new s(l,"monitorAlert");(!l.conf.data||l.conf.data.length===0)&&(l.conf.data=b.getDefaultData()),b.setupLifecycle();const r=b.getStyle(),v=e.ref(""),_=e.ref(""),y=e.ref(""),k=e.computed(()=>{var c,t;return((t=(c=l.conf)==null?void 0:c.data)==null?void 0:t.length)||0}),E=e.computed(()=>{var o;const c=((o=l.conf)==null?void 0:o.data)||[];if(!v.value)return c;const t=v.value.toLowerCase();return c.filter(i=>{var a,n,f;return((a=i.name)==null?void 0:a.toLowerCase().includes(t))||((n=i.location)==null?void 0:n.toLowerCase().includes(t))||((f=i.desc)==null?void 0:f.toLowerCase().includes(t))})}),x=c=>{const o={error:r.alertColor,warn:r.warnColor,info:r.infoColor}[c]||r.infoColor;return{borderLeftColor:o,background:`linear-gradient(90deg, ${o}20 0%, transparent 100%)`}},j=()=>console.log("搜索:",v.value),O=()=>{v.value=""},B=c=>console.log("点击预警:",c);return(c,t)=>(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("div",$,[e.createElementVNode("div",q,[t[3]||(t[3]=e.createElementVNode("svg",{class:"header-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{d:"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"}),e.createElementVNode("path",{d:"M13.73 21a2 2 0 0 1-3.46 0"})],-1)),e.createElementVNode("span",F,e.toDisplayString(e.unref(r).title),1)]),e.createElementVNode("div",{class:"alert-badge",style:e.normalizeStyle({borderColor:e.unref(r).alertColor,color:e.unref(r).alertColor})},e.toDisplayString(k.value)+"条新预警 ",5)]),e.createElementVNode("div",z,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[0]||(t[0]=o=>v.value=o),type:"text",class:"search-input",placeholder:e.unref(r).searchPlaceholder},null,8,H),[[e.vModelText,v.value]]),e.createElementVNode("button",{class:"search-btn",onClick:j},[...t[4]||(t[4]=[e.createElementVNode("span",null,"Q",-1)])]),e.createElementVNode("button",{class:"clear-btn",onClick:O},[...t[5]||(t[5]=[e.createElementVNode("span",null,"×",-1)])])]),e.createElementVNode("div",K,[e.createElementVNode("div",Q,[t[6]||(t[6]=e.createElementVNode("label",null,"开始日期",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[1]||(t[1]=o=>_.value=o),type:"date",class:"date-input"},null,512),[[e.vModelText,_.value]])]),e.createElementVNode("div",G,[t[7]||(t[7]=e.createElementVNode("label",null,"结束日期",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[2]||(t[2]=o=>y.value=o),type:"date",class:"date-input"},null,512),[[e.vModelText,y.value]])])]),e.createElementVNode("div",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,(o,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:"alert-item",style:e.normalizeStyle(x(o.level)),onClick:a=>B(o)},[e.createElementVNode("div",X,[e.createElementVNode("div",Y,e.toDisplayString(o.name),1),e.createElementVNode("div",Z,"位置："+e.toDisplayString(o.location)+" "+e.toDisplayString(o.desc),1)]),e.createElementVNode("div",ee,e.toDisplayString(o.time),1)],12,W))),128)),E.value.length===0?(e.openBlock(),e.createElementBlock("div",te," 暂无预警数据 ")):e.createCommentVNode("",!0)]),e.renderSlot(c.$slots,"default",{},void 0,!0)]))}})),ie=P._export_sfc(de,[["__scopeId","data-v-39a5db17"]]);exports.default=ie;