mixdashboards 1.0.32 → 1.0.39

package/dist/alarmLevelChart-Bb0mAbwQ.cjs

@@ -0,0 +1,2 @@
+"use strict";var w=Object.defineProperty,V=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var z=(c,o,n)=>o in c?w(c,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):c[o]=n,M=(c,o)=>{for(var n in o||(o={}))R.call(o,n)&&z(c,n,o[n]);if(I)for(var n of I(o))U.call(o,n)&&z(c,n,o[n]);return c},k=(c,o)=>V(c,q(o));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue");require("html2canvas");const $=require("./index-Mh5Dw2sd.cjs"),W=require("./EChartComponentBase-BaQpBzVC.cjs"),L=require("./ele-lin-icon-Dke_1AmT.cjs"),H={class:"panel-header"},P=["id"],G={DEFAULT_ICON:L.DEFAULT_ICON,ACTIVE_ICON:L.ACTIVE_ICON,NAME_CN:"预警等级",NAME_EN:"Alarm Level Chart",ORDER:12},J={title:{value:"预警等级",type:"string",label:"标题"},bgColor:{value:"#f5f7fa",type:"color",label:"setting.bgColor"},panelBgColor:{value:"#ffffff",type:"color",label:"面板背景色"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},titleFontSize:{value:16,type:"number",label:"标题字体大小",min:12,max:24},centerFontSize:{value:32,type:"number",label:"中心数字大小",min:18,max:48},level1Color:{value:"#F57676",type:"color",label:"一级告警颜色"},level2Color:{value:"#FFA500",type:"color",label:"二级告警颜色"},level3Color:{value:"#fadb14",type:"color",label:"三级告警颜色"},level4Color:{value:"#66B1FF",type:"color",label:"四级告警颜色"},normalColor:{value:"#67C23A",type:"color",label:"运行正常颜色"},linkChannel:{value:"gnss",type:"select",label:"联动频道",options:[{label:"GNSS监测",value:"gnss"},{label:"边坡监测",value:"slope"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"自定义频道名",showWhen:{linkChannel:"custom"}}},K=[{name:"设备1",fv:"alarm_level",fvDeviceName:"",object_id:""}],Q=["object_id","name","fv","fvDeviceName"],X=["mosaic"],Y={useAlias:!1,multiObject:!0,source:"mosaic"},Z=200,ee={DEFAULT:G,OPTIONS:J,DATA:K,PARAMS:Q,SOURCE:X,COMMON:Y,ITEMS:Z},te=l.defineComponent(k(M({},ee),{__name:"alarmLevelChart",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(c){const o=c,n=["一级告警","二级告警","三级告警","四级告警","运行正常"],p=new Map;class D extends W.EChartComponentBase{extractStyles(){var i,s,r,d,y,g,S,_,x,E,F,O,A,N;const e=(i=this.props.conf)==null?void 0:i.options,v=((s=e==null?void 0:e.linkChannel)==null?void 0:s.value)||"gnss",a=((r=e==null?void 0:e.customChannel)==null?void 0:r.value)||"";return{title:((d=e==null?void 0:e.title)==null?void 0:d.value)||"预警等级",bgColor:((y=e==null?void 0:e.bgColor)==null?void 0:y.value)||"#f5f7fa",panelBgColor:((g=e==null?void 0:e.panelBgColor)==null?void 0:g.value)||"#ffffff",textColor:((S=e==null?void 0:e.textColor)==null?void 0:S.value)||"#333333",titleFontSize:((_=e==null?void 0:e.titleFontSize)==null?void 0:_.value)||16,centerFontSize:((x=e==null?void 0:e.centerFontSize)==null?void 0:x.value)||32,level1Color:((E=e==null?void 0:e.level1Color)==null?void 0:E.value)||"#F57676",level2Color:((F=e==null?void 0:e.level2Color)==null?void 0:F.value)||"#FFA500",level3Color:((O=e==null?void 0:e.level3Color)==null?void 0:O.value)||"#fadb14",level4Color:((A=e==null?void 0:e.level4Color)==null?void 0:A.value)||"#66B1FF",normalColor:((N=e==null?void 0:e.normalColor)==null?void 0:N.value)||"#67C23A",linkChannel:v==="custom"&&a?a:v}}getChartOption(){return f(this.Style.value)}setSocketData(e){var a;if(!e)return;(((a=this.props.conf)==null?void 0:a.data)||[]).forEach(i=>{if(!i.fv)return;const s=i.object_id||i.name||"";if(!s)return;const r=this.extractDataValue(e,i.fv);if(r!=null){const d=typeof r=="number"?Math.min(Math.max(Math.round(r),0),4):4;p.set(s,d)}}),this.chartObj&&this.chartObj.setOption(f(this.Style.value),!0)}onLinkEvent(e){}}const u=new D(o,"alarmLevelChart");u.setupLifecycle();const m=u.getStyle(),T=u.getEchartId(),C=l.computed(()=>{var t;return((t=o.conf)==null?void 0:t.data)||[]}),h=l.computed(()=>{const t=[0,0,0,0,0];return C.value.length===0&&o.mode==="edit"?[2,5,5,4,7]:(C.value.forEach(e=>{const v=e.object_id||e.name||"",a=p.get(v),i=typeof a=="number"?a:4;t[i]++}),t)}),j=l.computed(()=>{const t=h.value;for(let e=0;e<5;e++)if(t[e]>0)return{idx:e,count:t[e],name:n[e]};return{idx:4,count:0,name:"运行正常"}}),B=l.computed(()=>({backgroundColor:m.value.bgColor})),f=t=>{const e=h.value,v=[t.level1Color,t.level2Color,t.level3Color,t.level4Color,t.normalColor],a=j.value,i=v[a.idx];return{backgroundColor:"transparent",tooltip:{trigger:"item",formatter:"{b}: {c} ({d}%)"},legend:{bottom:10,itemWidth:10,itemHeight:10,itemGap:16,textStyle:{fontSize:12,color:t.textColor},formatter:s=>{const r=n.indexOf(s);return`${s}  ${r>=0?e[r]:0}`}},series:[{type:"pie",radius:["50%","72%"],center:["50%","42%"],avoidLabelOverlap:!1,label:{show:!0,position:"center",formatter:()=>`{num|${a.count}}
+{txt|${a.name}}`,rich:{num:{fontSize:t.centerFontSize,fontWeight:"bold",color:i,lineHeight:t.centerFontSize+10},txt:{fontSize:13,color:"#999",lineHeight:22}}},labelLine:{show:!1},itemStyle:{borderRadius:4,borderColor:"#fff",borderWidth:2},data:n.map((s,r)=>({value:e[r],name:s,itemStyle:{color:v[r]}}))}]}},b=()=>{const t=u.getChartInstance();t&&t.setOption(f(m.value),!0)};return l.onMounted(()=>{u.init(),o.mode==="edit"&&b(),setTimeout(()=>{var t;return(t=u.getChartInstance())==null?void 0:t.resize()},200)}),l.onUnmounted(()=>{u.cleanup()}),l.watch(()=>o.conf,()=>{u.init(),o.mode==="edit"&&b()},{deep:!0}),(t,e)=>(l.openBlock(),l.createElementBlock("div",{class:"alarm-level-chart",style:l.normalizeStyle(B.value)},[l.createElementVNode("div",H,[e[0]||(e[0]=l.createElementVNode("span",{class:"indicator-dot"},null,-1)),l.createElementVNode("span",{class:"panel-title",style:l.normalizeStyle({color:l.unref(m).textColor,fontSize:l.unref(m).titleFontSize+"px"})},l.toDisplayString(l.unref(m).title),5)]),l.createElementVNode("div",{id:l.unref(T),class:"chart-container"},null,8,P),l.renderSlot(t.$slots,"default",{},void 0,!0)],4))}})),le=$._export_sfc(te,[["__scopeId","data-v-241c61d4"]]);exports.default=le;

package/dist/alarmLevelChart-CCioESvL.js

@@ -0,0 +1,182 @@
+var $ = Object.defineProperty, U = Object.defineProperties;
+var W = Object.getOwnPropertyDescriptors;
+var M = Object.getOwnPropertySymbols;
+var H = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
+var N = (r, l, o) => l in r ? $(r, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[l] = o, D = (r, l) => {
+  for (var o in l || (l = {}))
+    H.call(l, o) && N(r, o, l[o]);
+  if (M)
+    for (var o of M(l))
+      V.call(l, o) && N(r, o, l[o]);
+  return r;
+}, L = (r, l) => U(r, W(l));
+import { defineComponent as G, computed as f, onMounted as P, onUnmounted as q, watch as J, openBlock as K, createElementBlock as Q, normalizeStyle as j, createElementVNode as p, unref as d, toDisplayString as X, renderSlot as Y } from "vue";
+import "html2canvas";
+import { _ as Z } from "./index-kShjySl9.js";
+import { E as ee } from "./EChartComponentBase-BQOhWkz2.js";
+import { A as te, D as le } from "./ele-lin-icon-Dax-ZiWV.js";
+const oe = { class: "panel-header" }, ae = ["id"], ne = { DEFAULT_ICON: le, ACTIVE_ICON: te, NAME_CN: "预警等级", NAME_EN: "Alarm Level Chart", ORDER: 12 }, re = {
+  title: { value: "预警等级", type: "string", label: "标题" },
+  bgColor: { value: "#f5f7fa", type: "color", label: "setting.bgColor" },
+  panelBgColor: { value: "#ffffff", type: "color", label: "面板背景色" },
+  textColor: { value: "#333333", type: "color", label: "setting.textColor" },
+  titleFontSize: { value: 16, type: "number", label: "标题字体大小", min: 12, max: 24 },
+  centerFontSize: { value: 32, type: "number", label: "中心数字大小", min: 18, max: 48 },
+  level1Color: { value: "#F57676", type: "color", label: "一级告警颜色" },
+  level2Color: { value: "#FFA500", type: "color", label: "二级告警颜色" },
+  level3Color: { value: "#fadb14", type: "color", label: "三级告警颜色" },
+  level4Color: { value: "#66B1FF", type: "color", label: "四级告警颜色" },
+  normalColor: { value: "#67C23A", type: "color", label: "运行正常颜色" },
+  linkChannel: {
+    value: "gnss",
+    type: "select",
+    label: "联动频道",
+    options: [
+      { label: "GNSS监测", value: "gnss" },
+      { label: "边坡监测", value: "slope" },
+      { label: "自定义", value: "custom" }
+    ]
+  },
+  customChannel: { value: "", type: "string", label: "自定义频道名", showWhen: { linkChannel: "custom" } }
+}, ie = [
+  { name: "设备1", fv: "alarm_level", fvDeviceName: "", object_id: "" }
+], ce = ["object_id", "name", "fv", "fvDeviceName"], se = ["mosaic"], ue = { useAlias: !1, multiObject: !0, source: "mosaic" }, me = 200, ve = { DEFAULT: ne, OPTIONS: re, DATA: ie, PARAMS: ce, SOURCE: se, COMMON: ue, ITEMS: me }, fe = /* @__PURE__ */ G(L(D({}, ve), {
+  __name: "alarmLevelChart",
+  props: {
+    conf: { type: Object, default: () => ({}) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(r) {
+    const l = r, o = ["一级告警", "二级告警", "三级告警", "四级告警", "运行正常"], h = /* @__PURE__ */ new Map();
+    class B extends ee {
+      extractStyles() {
+        var i, c, n, v, S, _, x, F, A, O, E, z, k, I;
+        const e = (i = this.props.conf) == null ? void 0 : i.options, u = ((c = e == null ? void 0 : e.linkChannel) == null ? void 0 : c.value) || "gnss", a = ((n = e == null ? void 0 : e.customChannel) == null ? void 0 : n.value) || "";
+        return {
+          title: ((v = e == null ? void 0 : e.title) == null ? void 0 : v.value) || "预警等级",
+          bgColor: ((S = e == null ? void 0 : e.bgColor) == null ? void 0 : S.value) || "#f5f7fa",
+          panelBgColor: ((_ = e == null ? void 0 : e.panelBgColor) == null ? void 0 : _.value) || "#ffffff",
+          textColor: ((x = e == null ? void 0 : e.textColor) == null ? void 0 : x.value) || "#333333",
+          titleFontSize: ((F = e == null ? void 0 : e.titleFontSize) == null ? void 0 : F.value) || 16,
+          centerFontSize: ((A = e == null ? void 0 : e.centerFontSize) == null ? void 0 : A.value) || 32,
+          level1Color: ((O = e == null ? void 0 : e.level1Color) == null ? void 0 : O.value) || "#F57676",
+          level2Color: ((E = e == null ? void 0 : e.level2Color) == null ? void 0 : E.value) || "#FFA500",
+          level3Color: ((z = e == null ? void 0 : e.level3Color) == null ? void 0 : z.value) || "#fadb14",
+          level4Color: ((k = e == null ? void 0 : e.level4Color) == null ? void 0 : k.value) || "#66B1FF",
+          normalColor: ((I = e == null ? void 0 : e.normalColor) == null ? void 0 : I.value) || "#67C23A",
+          linkChannel: u === "custom" && a ? a : u
+        };
+      }
+      getChartOption() {
+        return C(this.Style.value);
+      }
+      setSocketData(e) {
+        var a;
+        if (!e) return;
+        (((a = this.props.conf) == null ? void 0 : a.data) || []).forEach((i) => {
+          if (!i.fv) return;
+          const c = i.object_id || i.name || "";
+          if (!c) return;
+          const n = this.extractDataValue(e, i.fv);
+          if (n != null) {
+            const v = typeof n == "number" ? Math.min(Math.max(Math.round(n), 0), 4) : 4;
+            h.set(c, v);
+          }
+        }), this.chartObj && this.chartObj.setOption(C(this.Style.value), !0);
+      }
+      onLinkEvent(e) {
+      }
+    }
+    const s = new B(l, "alarmLevelChart");
+    s.setupLifecycle();
+    const m = s.getStyle(), w = s.getEchartId(), b = f(() => {
+      var t;
+      return ((t = l.conf) == null ? void 0 : t.data) || [];
+    }), g = f(() => {
+      const t = [0, 0, 0, 0, 0];
+      return b.value.length === 0 && l.mode === "edit" ? [2, 5, 5, 4, 7] : (b.value.forEach((e) => {
+        const u = e.object_id || e.name || "", a = h.get(u), i = typeof a == "number" ? a : 4;
+        t[i]++;
+      }), t);
+    }), T = f(() => {
+      const t = g.value;
+      for (let e = 0; e < 5; e++)
+        if (t[e] > 0) return { idx: e, count: t[e], name: o[e] };
+      return { idx: 4, count: 0, name: "运行正常" };
+    }), R = f(() => ({ backgroundColor: m.value.bgColor })), C = (t) => {
+      const e = g.value, u = [t.level1Color, t.level2Color, t.level3Color, t.level4Color, t.normalColor], a = T.value, i = u[a.idx];
+      return {
+        backgroundColor: "transparent",
+        tooltip: { trigger: "item", formatter: "{b}: {c} ({d}%)" },
+        legend: {
+          bottom: 10,
+          itemWidth: 10,
+          itemHeight: 10,
+          itemGap: 16,
+          textStyle: { fontSize: 12, color: t.textColor },
+          formatter: (c) => {
+            const n = o.indexOf(c);
+            return `${c}  ${n >= 0 ? e[n] : 0}`;
+          }
+        },
+        series: [{
+          type: "pie",
+          radius: ["50%", "72%"],
+          center: ["50%", "42%"],
+          avoidLabelOverlap: !1,
+          label: {
+            show: !0,
+            position: "center",
+            formatter: () => `{num|${a.count}}
+{txt|${a.name}}`,
+            rich: {
+              num: { fontSize: t.centerFontSize, fontWeight: "bold", color: i, lineHeight: t.centerFontSize + 10 },
+              txt: { fontSize: 13, color: "#999", lineHeight: 22 }
+            }
+          },
+          labelLine: { show: !1 },
+          itemStyle: { borderRadius: 4, borderColor: "#fff", borderWidth: 2 },
+          data: o.map((c, n) => ({
+            value: e[n],
+            name: c,
+            itemStyle: { color: u[n] }
+          }))
+        }]
+      };
+    }, y = () => {
+      const t = s.getChartInstance();
+      t && t.setOption(C(m.value), !0);
+    };
+    return P(() => {
+      s.init(), l.mode === "edit" && y(), setTimeout(() => {
+        var t;
+        return (t = s.getChartInstance()) == null ? void 0 : t.resize();
+      }, 200);
+    }), q(() => {
+      s.cleanup();
+    }), J(() => l.conf, () => {
+      s.init(), l.mode === "edit" && y();
+    }, { deep: !0 }), (t, e) => (K(), Q("div", {
+      class: "alarm-level-chart",
+      style: j(R.value)
+    }, [
+      p("div", oe, [
+        e[0] || (e[0] = p("span", { class: "indicator-dot" }, null, -1)),
+        p("span", {
+          class: "panel-title",
+          style: j({ color: d(m).textColor, fontSize: d(m).titleFontSize + "px" })
+        }, X(d(m).title), 5)
+      ]),
+      p("div", {
+        id: d(w),
+        class: "chart-container"
+      }, null, 8, ae),
+      Y(t.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), ye = /* @__PURE__ */ Z(fe, [["__scopeId", "data-v-241c61d4"]]);
+export {
+  ye as default
+};

package/dist/alertTable-CQwr8YYt.js

@@ -0,0 +1,301 @@
+var K = Object.defineProperty, ee = Object.defineProperties;
+var le = Object.getOwnPropertyDescriptors;
+var O = Object.getOwnPropertySymbols;
+var te = Object.prototype.hasOwnProperty, ae = Object.prototype.propertyIsEnumerable;
+var z = (v, r, u) => r in v ? K(v, r, { enumerable: !0, configurable: !0, writable: !0, value: u }) : v[r] = u, N = (v, r) => {
+  for (var u in r || (r = {}))
+    te.call(r, u) && z(v, u, r[u]);
+  if (O)
+    for (var u of O(r))
+      ae.call(r, u) && z(v, u, r[u]);
+  return v;
+}, B = (v, r) => ee(v, le(r));
+import { defineComponent as re, ref as ne, computed as x, watch as oe, openBlock as b, createElementBlock as g, normalizeStyle as A, createElementVNode as o, toDisplayString as k, unref as se, Fragment as j, renderList as w, normalizeClass as R, renderSlot as ce } from "vue";
+import "html2canvas";
+import { B as de } from "./element-resize-detector-DJcsrJ8s.js";
+import { _ as ie } from "./index-kShjySl9.js";
+import { A as ue, D as ve } from "./ele-lst-icon-CKpeRKmk.js";
+const he = { class: "panel-header" }, fe = { class: "header-left" }, me = { class: "header-title" }, pe = { class: "header-right" }, be = ["disabled"], ge = { class: "page-info" }, Ce = ["disabled"], ye = { class: "table-area" }, Se = { class: "data-table" }, _e = ["onClick"], xe = ["onClick"], ke = {
+  DEFAULT_ICON: ve,
+  ACTIVE_ICON: ue,
+  NAME_CN: "监测预警表格",
+  NAME_EN: "Alert Table",
+  ORDER: 2
+}, Ie = {
+  title: { value: "监测预警 (GNSS)", type: "string", label: "component.alertTable.title" },
+  bgColor: { value: "#ffffff", type: "color", label: "setting.bgColor" },
+  textColor: { value: "#333333", type: "color", label: "setting.textColor" },
+  headerBgColor: { value: "#f5f5f5", type: "color", label: "component.alertTable.headerBgColor" },
+  pageSize: { value: 5, type: "number", label: "component.alertTable.pageSize", min: 3, max: 20 },
+  alertThreshold: { value: 8, type: "number", label: "component.alertTable.alertThreshold", min: 0, max: 100 },
+  alertLevels: {
+    value: [
+      { name: "正常", minValue: 0, maxValue: 5, color: "#52c41a" },
+      { name: "二级告警 (警告)", minValue: 5, maxValue: 10, color: "#faad14" },
+      { name: "一级告警 (危险)", minValue: 10, maxValue: 999, color: "#ff4d4f" }
+    ],
+    type: "alertLevels",
+    label: "component.alertTable.alertLevels"
+  },
+  columns: {
+    value: [
+      { key: "area", label: "区域", width: "80px", useFv: !1 },
+      { key: "deviceId", label: "编号", width: "100px", useFv: !1 },
+      { key: "elevation", label: "标高", width: "80px", useFv: !0 },
+      { key: "speed", label: "速度", width: "80px", useFv: !0 },
+      { key: "threshold", label: "阈值", width: "60px", useFv: !1 }
+    ],
+    type: "columns",
+    label: "component.alertTable.columns"
+  },
+  // 联动频道配置
+  linkChannel: {
+    value: "gnss",
+    type: "select",
+    label: "联动频道",
+    options: [
+      { label: "GNSS监测", value: "gnss" },
+      { label: "边坡监测", value: "slope" },
+      { label: "设备联动", value: "device" },
+      { label: "告警联动", value: "alarm" },
+      { label: "自定义", value: "custom" }
+    ]
+  },
+  customChannel: {
+    value: "",
+    type: "string",
+    label: "自定义频道名",
+    showWhen: { linkChannel: "custom" }
+  }
+}, Ne = [
+  { area: "北帮", deviceId: "GNSS55", object_id: "1", elevation: "elevation", speed: "speed", threshold: "8" },
+  { area: "北帮", deviceId: "GNSS110", object_id: "2", elevation: "elevation", speed: "speed", threshold: "8" },
+  { area: "东帮", deviceId: "GNSS33", object_id: "3", elevation: "elevation", speed: "speed", threshold: "5" },
+  { area: "东帮", deviceId: "GNSS143", object_id: "4", elevation: "elevation", speed: "speed", threshold: "5" },
+  { area: "南帮", deviceId: "GNSS66", object_id: "5", elevation: "elevation", speed: "speed", threshold: "4" }
+], Te = ["area", "deviceId", "object_id", "elevation", "speed", "threshold"], Ae = ["mosaic", "statistics"], je = { useAlias: !1, multiObject: !0, source: "mosaic" }, we = { DEFAULT: ke, OPTIONS: Ie, DATA: Ne, PARAMS: Te, SOURCE: Ae, COMMON: je }, Ve = /* @__PURE__ */ re(B(N({}, we), {
+  __name: "alertTable",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(v) {
+    const r = v;
+    class u extends de {
+      extractStyles() {
+        var c, n, d, p, y, S, _, L, D, E, G, F;
+        const { options: e } = this.props.conf, l = [
+          { key: "area", label: "区域", width: "80px" },
+          { key: "deviceId", label: "编号", width: "100px" },
+          { key: "elevation", label: "标高", width: "80px" },
+          { key: "speed", label: "速度", width: "80px" },
+          { key: "threshold", label: "阈值", width: "60px" }
+        ], a = [
+          { name: "正常", minValue: 0, maxValue: 5, color: "#52c41a" },
+          { name: "二级告警 (警告)", minValue: 5, maxValue: 10, color: "#faad14" },
+          { name: "一级告警 (危险)", minValue: 10, maxValue: 999, color: "#ff4d4f" }
+        ], s = ((c = e == null ? void 0 : e.linkChannel) == null ? void 0 : c.value) || "gnss", h = ((n = e == null ? void 0 : e.customChannel) == null ? void 0 : n.value) || "", m = s === "custom" && h ? h : s;
+        return {
+          title: ((d = e == null ? void 0 : e.title) == null ? void 0 : d.value) || "监测预警 (GNSS)",
+          bgColor: ((p = e == null ? void 0 : e.bgColor) == null ? void 0 : p.value) || "#ffffff",
+          textColor: ((y = e == null ? void 0 : e.textColor) == null ? void 0 : y.value) || "#333333",
+          headerBgColor: ((S = e == null ? void 0 : e.headerBgColor) == null ? void 0 : S.value) || "#f5f5f5",
+          alertColor: ((_ = e == null ? void 0 : e.alertColor) == null ? void 0 : _.value) || "#ff4d4f",
+          warningColor: ((L = e == null ? void 0 : e.warningColor) == null ? void 0 : L.value) || "#faad14",
+          pageSize: ((D = e == null ? void 0 : e.pageSize) == null ? void 0 : D.value) || 5,
+          alertThreshold: ((E = e == null ? void 0 : e.alertThreshold) == null ? void 0 : E.value) || 8,
+          alertLevels: ((G = e == null ? void 0 : e.alertLevels) == null ? void 0 : G.value) || a,
+          columns: ((F = e == null ? void 0 : e.columns) == null ? void 0 : F.value) || l,
+          linkChannel: m
+          // 联动频道
+        };
+      }
+      getDefaultData() {
+        return [
+          { area: "北帮", deviceId: "GNSS55", elevation: "1150.0", speed: "9.85", threshold: "8" },
+          { area: "北帮", deviceId: "GNSS110", elevation: "1197.8", speed: "8.10", threshold: "8" },
+          { area: "东帮", deviceId: "GNSS33", elevation: "1250.0", speed: "5.85", threshold: "5" },
+          { area: "东帮", deviceId: "GNSS143", elevation: "1150.1", speed: "5.85", threshold: "5" },
+          { area: "南帮", deviceId: "GNSS66", elevation: "1198.7", speed: "4.58", threshold: "4" }
+        ];
+      }
+      /**
+       * 处理实时数据（WebSocket 推送）
+       * 根据列配置中 useFv: true 的字段更新数据
+       */
+      setSocketData(e) {
+        var m;
+        if (!e) return;
+        const { data: l, options: a } = this.props.conf;
+        if (!l || !Array.isArray(l)) return;
+        const h = (((m = a == null ? void 0 : a.columns) == null ? void 0 : m.value) || []).filter((c) => c.useFv).map((c) => c.key);
+        h.length !== 0 && l.forEach((c) => {
+          h.forEach((n) => {
+            try {
+              const d = this.extractDataValue(e, n);
+              d != null && (c[n] = d);
+            } catch (d) {
+              console.warn(`[alertTable] 提取字段 ${n} 失败:`, d);
+            }
+          });
+        });
+      }
+    }
+    const C = new u(r, "alertTable");
+    C.setupLifecycle();
+    const i = C.getStyle(), f = ne(1), M = (t) => {
+      const e = i.value.linkChannel, l = C.linkStore.channels[e];
+      if (!l) return !1;
+      const { payload: a } = l;
+      return a.objectId && t.object_id ? String(a.objectId) === String(t.object_id) : a.deviceId && t.deviceId ? String(a.deviceId) === String(t.deviceId) : !1;
+    }, I = x(() => {
+      const t = i.value.columns || [];
+      return [
+        { key: "index", label: "序号", width: "60px" },
+        ...t
+      ];
+    }), P = () => (i.value.columns || []).find((e) => e.colorRules && e.colorRules.length > 0), $ = (t, e) => {
+      var m, c;
+      const l = i.value.alertLevels || [];
+      if (!e || e.length === 0)
+        return { alertLevel: 0, alertText: "正常", alertColor: "#52c41a" };
+      for (let n = 0; n < e.length; n++) {
+        const d = e[n];
+        if (t >= d.min && t <= d.max) {
+          const p = ((m = l[n]) == null ? void 0 : m.name) || `${e.length - n}级告警`;
+          return {
+            alertLevel: n,
+            alertText: p,
+            alertColor: d.color
+          };
+        }
+      }
+      const a = e.length - 1, s = e[a], h = ((c = l[a]) == null ? void 0 : c.name) || "告警";
+      return {
+        alertLevel: a,
+        alertText: h,
+        alertColor: s.color
+      };
+    }, V = x(() => {
+      var l;
+      const t = ((l = r.conf) == null ? void 0 : l.data) || C.getDefaultData(), e = P();
+      return t.map((a, s) => {
+        const h = e && parseFloat(a[e.key]) || 0, m = (e == null ? void 0 : e.colorRules) || [], { alertLevel: c, alertText: n, alertColor: d } = $(h, m), p = {
+          index: s + 1,
+          object_id: a.object_id || a.deviceId || "",
+          isAlert: c > 0,
+          alertLevel: c,
+          // 告警等级索引
+          alertText: n,
+          // 告警文本（自定义）
+          alertColor: d
+          // 告警颜色（自定义）
+        };
+        return I.value.forEach((y) => {
+          var S, _;
+          y.key !== "index" && (p[y.key] = (_ = (S = a[y.key]) != null ? S : a.name) != null ? _ : "-");
+        }), p;
+      });
+    }), U = (t, e) => t === "deviceId" ? "device-id" : t === "speed" ? "speed-text" : t === "area" && e.isAlert ? "alert-text" : "", W = (t) => {
+      for (const e of I.value) {
+        if (!e.colorRules || !e.colorRules.length) continue;
+        const l = parseFloat(t[e.key]);
+        if (!isNaN(l)) {
+          for (const a of e.colorRules)
+            if (l >= a.min && l <= a.max)
+              return a.color;
+        }
+      }
+      return null;
+    }, q = (t, e) => {
+      const l = W(e);
+      return l ? { color: l } : {};
+    }, T = x(() => Math.max(1, Math.ceil(V.value.length / i.value.pageSize))), H = x(() => {
+      const t = (f.value - 1) * i.value.pageSize, e = t + i.value.pageSize;
+      return V.value.slice(t, e);
+    }), J = x(() => ({
+      backgroundColor: i.value.bgColor,
+      color: i.value.textColor,
+      "--alert-color": i.value.alertColor,
+      "--warning-color": i.value.warningColor,
+      "--header-bg": i.value.headerBgColor
+    })), Q = () => {
+      f.value > 1 && f.value--;
+    }, X = () => {
+      f.value < T.value && f.value++;
+    }, Y = (t) => {
+      r.mode !== "edit" && C.publish(N({
+        objectId: t.object_id,
+        deviceId: t.deviceId || ""
+      }, t));
+    }, Z = (t, e, l) => {
+      r.mode !== "edit" && (l.stopPropagation(), C.publish(N({
+        objectId: e.object_id,
+        deviceId: e.deviceId || "",
+        fieldKey: t.key
+      }, e)));
+    };
+    return oe(() => r.conf, () => {
+      f.value = 1;
+    }, { deep: !0 }), (t, e) => (b(), g("div", {
+      class: "alert-table-wrapper",
+      style: A(J.value)
+    }, [
+      o("div", he, [
+        o("div", fe, [
+          e[0] || (e[0] = o("div", { class: "header-indicator" }, null, -1)),
+          o("span", me, k(se(i).title), 1)
+        ]),
+        o("div", pe, [
+          o("button", {
+            class: "page-btn",
+            disabled: f.value <= 1,
+            onClick: Q
+          }, [...e[1] || (e[1] = [
+            o("span", null, "<", -1)
+          ])], 8, be),
+          o("span", ge, k(f.value) + " / " + k(T.value), 1),
+          o("button", {
+            class: "page-btn",
+            disabled: f.value >= T.value,
+            onClick: X
+          }, [...e[2] || (e[2] = [
+            o("span", null, ">", -1)
+          ])], 8, Ce)
+        ])
+      ]),
+      o("div", ye, [
+        o("table", Se, [
+          o("thead", null, [
+            o("tr", null, [
+              (b(!0), g(j, null, w(I.value, (l) => (b(), g("th", {
+                key: l.key,
+                style: A({ width: l.width })
+              }, k(l.label), 5))), 128))
+            ])
+          ]),
+          o("tbody", null, [
+            (b(!0), g(j, null, w(H.value, (l, a) => (b(), g("tr", {
+              key: a,
+              class: R({ "alert-row": l.isAlert, "active-row": M(l) }),
+              onClick: (s) => Y(l)
+            }, [
+              (b(!0), g(j, null, w(I.value, (s) => (b(), g("td", {
+                key: s.key,
+                class: R(U(s.key, l)),
+                style: A(q(s, l)),
+                onClick: (h) => Z(s, l, h)
+              }, k(l[s.key]), 15, xe))), 128))
+            ], 10, _e))), 128))
+          ])
+        ])
+      ]),
+      ce(t.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), ze = /* @__PURE__ */ ie(Ve, [["__scopeId", "data-v-14f047fe"]]);
+export {
+  ze as default
+};

package/dist/alertTable-oaX5eJC0.cjs

@@ -0,0 +1 @@
+"use strict";var W=Object.defineProperty,H=Object.defineProperties;var J=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,X=Object.prototype.propertyIsEnumerable;var B=(v,o,u)=>o in v?W(v,o,{enumerable:!0,configurable:!0,writable:!0,value:u}):v[o]=u,k=(v,o)=>{for(var u in o||(o={}))Q.call(o,u)&&B(v,u,o[u]);if(A)for(var u of A(o))X.call(o,u)&&B(v,u,o[u]);return v},D=(v,o)=>H(v,J(o));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue");require("html2canvas");const Y=require("./element-resize-detector-Bo5uDQAu.cjs"),Z=require("./index-Mh5Dw2sd.cjs"),L=require("./ele-lst-icon-CrxnHZ-A.cjs"),K={class:"panel-header"},ee={class:"header-left"},le={class:"header-title"},te={class:"header-right"},ae=["disabled"],ne={class:"page-info"},oe=["disabled"],re={class:"table-area"},se={class:"data-table"},ce=["onClick"],de=["onClick"],ie={DEFAULT_ICON:L.DEFAULT_ICON,ACTIVE_ICON:L.ACTIVE_ICON,NAME_CN:"监测预警表格",NAME_EN:"Alert Table",ORDER:2},ue={title:{value:"监测预警 (GNSS)",type:"string",label:"component.alertTable.title"},bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},headerBgColor:{value:"#f5f5f5",type:"color",label:"component.alertTable.headerBgColor"},pageSize:{value:5,type:"number",label:"component.alertTable.pageSize",min:3,max:20},alertThreshold:{value:8,type:"number",label:"component.alertTable.alertThreshold",min:0,max:100},alertLevels:{value:[{name:"正常",minValue:0,maxValue:5,color:"#52c41a"},{name:"二级告警 (警告)",minValue:5,maxValue:10,color:"#faad14"},{name:"一级告警 (危险)",minValue:10,maxValue:999,color:"#ff4d4f"}],type:"alertLevels",label:"component.alertTable.alertLevels"},columns:{value:[{key:"area",label:"区域",width:"80px",useFv:!1},{key:"deviceId",label:"编号",width:"100px",useFv:!1},{key:"elevation",label:"标高",width:"80px",useFv:!0},{key:"speed",label:"速度",width:"80px",useFv:!0},{key:"threshold",label:"阈值",width:"60px",useFv:!1}],type:"columns",label:"component.alertTable.columns"},linkChannel:{value:"gnss",type:"select",label:"联动频道",options:[{label:"GNSS监测",value:"gnss"},{label:"边坡监测",value:"slope"},{label:"设备联动",value:"device"},{label:"告警联动",value:"alarm"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"自定义频道名",showWhen:{linkChannel:"custom"}}},ve=[{area:"北帮",deviceId:"GNSS55",object_id:"1",elevation:"elevation",speed:"speed",threshold:"8"},{area:"北帮",deviceId:"GNSS110",object_id:"2",elevation:"elevation",speed:"speed",threshold:"8"},{area:"东帮",deviceId:"GNSS33",object_id:"3",elevation:"elevation",speed:"speed",threshold:"5"},{area:"东帮",deviceId:"GNSS143",object_id:"4",elevation:"elevation",speed:"speed",threshold:"5"},{area:"南帮",deviceId:"GNSS66",object_id:"5",elevation:"elevation",speed:"speed",threshold:"4"}],me=["area","deviceId","object_id","elevation","speed","threshold"],he=["mosaic","statistics"],fe={useAlias:!1,multiObject:!0,source:"mosaic"},pe={DEFAULT:ie,OPTIONS:ue,DATA:ve,PARAMS:me,SOURCE:he,COMMON:fe},be=l.defineComponent(D(k({},pe),{__name:"alertTable",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(v){const o=v;class u extends Y.BaseComponent{extractStyles(){var c,r,d,p,g,C,y,N,I,E,V,T;const{options:e}=this.props.conf,t=[{key:"area",label:"区域",width:"80px"},{key:"deviceId",label:"编号",width:"100px"},{key:"elevation",label:"标高",width:"80px"},{key:"speed",label:"速度",width:"80px"},{key:"threshold",label:"阈值",width:"60px"}],n=[{name:"正常",minValue:0,maxValue:5,color:"#52c41a"},{name:"二级告警 (警告)",minValue:5,maxValue:10,color:"#faad14"},{name:"一级告警 (危险)",minValue:10,maxValue:999,color:"#ff4d4f"}],s=((c=e==null?void 0:e.linkChannel)==null?void 0:c.value)||"gnss",m=((r=e==null?void 0:e.customChannel)==null?void 0:r.value)||"",f=s==="custom"&&m?m:s;return{title:((d=e==null?void 0:e.title)==null?void 0:d.value)||"监测预警 (GNSS)",bgColor:((p=e==null?void 0:e.bgColor)==null?void 0:p.value)||"#ffffff",textColor:((g=e==null?void 0:e.textColor)==null?void 0:g.value)||"#333333",headerBgColor:((C=e==null?void 0:e.headerBgColor)==null?void 0:C.value)||"#f5f5f5",alertColor:((y=e==null?void 0:e.alertColor)==null?void 0:y.value)||"#ff4d4f",warningColor:((N=e==null?void 0:e.warningColor)==null?void 0:N.value)||"#faad14",pageSize:((I=e==null?void 0:e.pageSize)==null?void 0:I.value)||5,alertThreshold:((E=e==null?void 0:e.alertThreshold)==null?void 0:E.value)||8,alertLevels:((V=e==null?void 0:e.alertLevels)==null?void 0:V.value)||n,columns:((T=e==null?void 0:e.columns)==null?void 0:T.value)||t,linkChannel:f}}getDefaultData(){return[{area:"北帮",deviceId:"GNSS55",elevation:"1150.0",speed:"9.85",threshold:"8"},{area:"北帮",deviceId:"GNSS110",elevation:"1197.8",speed:"8.10",threshold:"8"},{area:"东帮",deviceId:"GNSS33",elevation:"1250.0",speed:"5.85",threshold:"5"},{area:"东帮",deviceId:"GNSS143",elevation:"1150.1",speed:"5.85",threshold:"5"},{area:"南帮",deviceId:"GNSS66",elevation:"1198.7",speed:"4.58",threshold:"4"}]}setSocketData(e){var f;if(!e)return;const{data:t,options:n}=this.props.conf;if(!t||!Array.isArray(t))return;const m=(((f=n==null?void 0:n.columns)==null?void 0:f.value)||[]).filter(c=>c.useFv).map(c=>c.key);m.length!==0&&t.forEach(c=>{m.forEach(r=>{try{const d=this.extractDataValue(e,r);d!=null&&(c[r]=d)}catch(d){console.warn(`[alertTable] 提取字段 ${r} 失败:`,d)}})})}}const b=new u(o,"alertTable");b.setupLifecycle();const i=b.getStyle(),h=l.ref(1),j=a=>{const e=i.value.linkChannel,t=b.linkStore.channels[e];if(!t)return!1;const{payload:n}=t;return n.objectId&&a.object_id?String(n.objectId)===String(a.object_id):n.deviceId&&a.deviceId?String(n.deviceId)===String(a.deviceId):!1},S=l.computed(()=>{const a=i.value.columns||[];return[{key:"index",label:"序号",width:"60px"},...a]}),w=()=>(i.value.columns||[]).find(e=>e.colorRules&&e.colorRules.length>0),F=(a,e)=>{var f,c;const t=i.value.alertLevels||[];if(!e||e.length===0)return{alertLevel:0,alertText:"正常",alertColor:"#52c41a"};for(let r=0;r<e.length;r++){const d=e[r];if(a>=d.min&&a<=d.max){const p=((f=t[r])==null?void 0:f.name)||`${e.length-r}级告警`;return{alertLevel:r,alertText:p,alertColor:d.color}}}const n=e.length-1,s=e[n],m=((c=t[n])==null?void 0:c.name)||"告警";return{alertLevel:n,alertText:m,alertColor:s.color}},x=l.computed(()=>{var t;const a=((t=o.conf)==null?void 0:t.data)||b.getDefaultData(),e=w();return a.map((n,s)=>{const m=e&&parseFloat(n[e.key])||0,f=(e==null?void 0:e.colorRules)||[],{alertLevel:c,alertText:r,alertColor:d}=F(m,f),p={index:s+1,object_id:n.object_id||n.deviceId||"",isAlert:c>0,alertLevel:c,alertText:r,alertColor:d};return S.value.forEach(g=>{var C,y;g.key!=="index"&&(p[g.key]=(y=(C=n[g.key])!=null?C:n.name)!=null?y:"-")}),p})}),z=(a,e)=>a==="deviceId"?"device-id":a==="speed"?"speed-text":a==="area"&&e.isAlert?"alert-text":"",G=a=>{for(const e of S.value){if(!e.colorRules||!e.colorRules.length)continue;const t=parseFloat(a[e.key]);if(!isNaN(t)){for(const n of e.colorRules)if(t>=n.min&&t<=n.max)return n.color}}return null},O=(a,e)=>{const t=G(e);return t?{color:t}:{}},_=l.computed(()=>Math.max(1,Math.ceil(x.value.length/i.value.pageSize))),R=l.computed(()=>{const a=(h.value-1)*i.value.pageSize,e=a+i.value.pageSize;return x.value.slice(a,e)}),M=l.computed(()=>({backgroundColor:i.value.bgColor,color:i.value.textColor,"--alert-color":i.value.alertColor,"--warning-color":i.value.warningColor,"--header-bg":i.value.headerBgColor})),P=()=>{h.value>1&&h.value--},q=()=>{h.value<_.value&&h.value++},U=a=>{o.mode!=="edit"&&b.publish(k({objectId:a.object_id,deviceId:a.deviceId||""},a))},$=(a,e,t)=>{o.mode!=="edit"&&(t.stopPropagation(),b.publish(k({objectId:e.object_id,deviceId:e.deviceId||"",fieldKey:a.key},e)))};return l.watch(()=>o.conf,()=>{h.value=1},{deep:!0}),(a,e)=>(l.openBlock(),l.createElementBlock("div",{class:"alert-table-wrapper",style:l.normalizeStyle(M.value)},[l.createElementVNode("div",K,[l.createElementVNode("div",ee,[e[0]||(e[0]=l.createElementVNode("div",{class:"header-indicator"},null,-1)),l.createElementVNode("span",le,l.toDisplayString(l.unref(i).title),1)]),l.createElementVNode("div",te,[l.createElementVNode("button",{class:"page-btn",disabled:h.value<=1,onClick:P},[...e[1]||(e[1]=[l.createElementVNode("span",null,"<",-1)])],8,ae),l.createElementVNode("span",ne,l.toDisplayString(h.value)+" / "+l.toDisplayString(_.value),1),l.createElementVNode("button",{class:"page-btn",disabled:h.value>=_.value,onClick:q},[...e[2]||(e[2]=[l.createElementVNode("span",null,">",-1)])],8,oe)])]),l.createElementVNode("div",re,[l.createElementVNode("table",se,[l.createElementVNode("thead",null,[l.createElementVNode("tr",null,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(S.value,t=>(l.openBlock(),l.createElementBlock("th",{key:t.key,style:l.normalizeStyle({width:t.width})},l.toDisplayString(t.label),5))),128))])]),l.createElementVNode("tbody",null,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(R.value,(t,n)=>(l.openBlock(),l.createElementBlock("tr",{key:n,class:l.normalizeClass({"alert-row":t.isAlert,"active-row":j(t)}),onClick:s=>U(t)},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(S.value,s=>(l.openBlock(),l.createElementBlock("td",{key:s.key,class:l.normalizeClass(z(s.key,t)),style:l.normalizeStyle(O(s,t)),onClick:m=>$(s,t,m)},l.toDisplayString(t[s.key]),15,de))),128))],10,ce))),128))])])]),l.renderSlot(a.$slots,"default",{},void 0,!0)],4))}})),ge=Z._export_sfc(be,[["__scopeId","data-v-14f047fe"]]);exports.default=ge;