mixdashboards 1.0.71 → 1.0.73

package/dist/{slopeStability-bZ0lHLjZ.js → slopeStability-BtgMH3oW.js}

@@ -1,32 +1,34 @@
-var G = Object.defineProperty, X = Object.defineProperties;
+var J = Object.defineProperty, X = Object.defineProperties;
 var Y = Object.getOwnPropertyDescriptors;
-var N = Object.getOwnPropertySymbols;
+var L = Object.getOwnPropertySymbols;
 var Z = Object.prototype.hasOwnProperty, tt = Object.prototype.propertyIsEnumerable;
-var V = (f, a, p) => a in f ? G(f, a, { enumerable: !0, configurable: !0, writable: !0, value: p }) : f[a] = p, L = (f, a) => {
+var N = (f, a, p) => a in f ? J(f, a, { enumerable: !0, configurable: !0, writable: !0, value: p }) : f[a] = p, V = (f, a) => {
   for (var p in a || (a = {}))
-    Z.call(a, p) && V(f, p, a[p]);
-  if (N)
-    for (var p of N(a))
-      tt.call(a, p) && V(f, p, a[p]);
+    Z.call(a, p) && N(f, p, a[p]);
+  if (L)
+    for (var p of L(a))
+      tt.call(a, p) && N(f, p, a[p]);
   return f;
 }, P = (f, a) => X(f, Y(a));
-import { defineComponent as et, useCssVars as at, unref as i, ref as D, computed as R, onMounted as lt, nextTick as U, watch as ot, openBlock as m, createElementBlock as x, createElementVNode as e, createStaticVNode as st, toDisplayString as y, withDirectives as B, vModelText as O, Fragment as z, renderList as F, normalizeStyle as w, normalizeClass as nt, createBlock as it, Teleport as rt, withModifiers as ct, createCommentVNode as W, renderSlot as dt } from "vue";
+import { defineComponent as et, useCssVars as at, unref as i, ref as D, computed as R, onMounted as lt, nextTick as U, watch as ot, openBlock as m, createElementBlock as x, createElementVNode as e, createStaticVNode as st, toDisplayString as y, withDirectives as O, vModelText as B, Fragment as F, renderList as z, normalizeStyle as w, normalizeClass as nt, createBlock as it, Teleport as rt, withModifiers as ct, createCommentVNode as W, renderSlot as dt } from "vue";
 import "html2canvas";
-import { J as ut, z as ft, _ as pt } from "./index-Bdq33405.js";
-import { E as vt } from "./EChartComponentBase-CAabYXSj.js";
+import { L as ut, E as ft, _ as pt } from "./index-DwPJu6XM.js";
+import "element-plus";
+import { E as vt } from "./EChartComponentBase-cFfawl6h.js";
 import "./index-ButoLLAe.js";
 import { A as bt, D as ht } from "./ele-bar-icon-C-GiCs2a.js";
 import { i as mt } from "./echarts-BVht3HHb.js";
-const yt = { class: "slope-stability-wrapper" }, gt = { class: "panel-header" }, Ct = { class: "header-left" }, _t = { class: "header-title" }, St = { class: "search-bar" }, xt = ["placeholder"], Dt = { class: "date-picker-row" }, wt = { class: "date-picker-item" }, kt = { class: "date-picker-item" }, Et = { class: "chart-area" }, Bt = ["id"], Ot = { class: "action-buttons" }, jt = ["onClick"], It = { class: "detail-title" }, Mt = { class: "detail-modal-body" }, At = { class: "detail-summary" }, Tt = { class: "detail-list" }, $t = { class: "detail-list-body" }, Nt = {
+const yt = { class: "slope-stability-wrapper" }, gt = { class: "panel-header" }, Ct = { class: "header-left" }, _t = { class: "header-title" }, St = { class: "search-bar" }, xt = ["placeholder"], Dt = { class: "date-picker-row" }, wt = { class: "date-picker-item" }, kt = { class: "date-picker-item" }, Et = { class: "chart-area" }, Ot = ["id"], Bt = { class: "action-buttons" }, jt = ["onClick"], It = { class: "detail-title" }, Mt = { class: "detail-modal-body" }, At = { class: "detail-summary" }, Tt = { class: "detail-list" }, $t = { class: "detail-list-body" }, Lt = {
   key: 0,
   class: "no-data"
-}, Vt = {
+}, Nt = {
   DEFAULT_ICON: ht,
   ACTIVE_ICON: bt,
   NAME_CN: "边坡稳定性分区",
   NAME_EN: "Slope Stability",
-  ORDER: 7
-}, Lt = {
+  ORDER: 7,
+  PLATFORM: ["pc", "screen"]
+}, Vt = {
   title: { value: "边坡稳定性分区", type: "string", label: "component.slopeStability.title" },
   realtimeBtnText: { value: "实时更新", type: "string", label: "component.slopeStability.realtimeBtnText" },
   searchPlaceholder: { value: "搜索区域、编号...", type: "string", label: "component.slopeStability.searchPlaceholder" },
@@ -40,7 +42,7 @@ const yt = { class: "slope-stability-wrapper" }, gt = { class: "panel-header" },
   { name: "稳定", fv: "stable_percent", object_id: "", value: 62.5, color: "#2ecc71" },
   { name: "基本稳定", fv: "basic_stable_percent", object_id: "", value: 28.3, color: "#f39c12" },
   { name: "欠稳定", fv: "unstable_percent", object_id: "", value: 9.2, color: "#e74c3c" }
-], Rt = ["name", "fv", "object_id", "color"], Ut = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], zt = { useAlias: !1, multiObject: !1, source: "mosaic" }, Ft = { DEFAULT: Vt, OPTIONS: Lt, DATA: Pt, PARAMS: Rt, SOURCE: Ut, COMMON: zt }, Wt = /* @__PURE__ */ et(P(L({}, Ft), {
+], Rt = ["name", "fv", "object_id", "color"], Ut = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Ft = { useAlias: !1, multiObject: !1, source: "mosaic" }, zt = { DEFAULT: Nt, OPTIONS: Vt, DATA: Pt, PARAMS: Rt, SOURCE: Ut, COMMON: Ft }, Wt = /* @__PURE__ */ et(P(V({}, zt), {
   __name: "slopeStability",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -50,13 +52,13 @@ const yt = { class: "slope-stability-wrapper" }, gt = { class: "panel-header" },
   },
   setup(f) {
     at((l) => ({
-      v2bb23b66: i(r).bgColor,
-      v3c59c7df: i(r).borderColor,
-      c1e1bd04: i(r).textColor,
-      v69378bfe: i(r).accentColor,
-      aa2438de: i(r).glowEffect ? `drop-shadow(0 0 ${i(r).glowIntensity}px ${i(r).accentColor})` : "none",
-      v3439c444: i(r).glowEffect ? `0 0 ${i(r).glowIntensity}px ${i(r).accentColor}` : "none",
-      v53d35d5a: i(r).glowEffect ? `0 0 ${i(r).glowIntensity}px ${i(r).accentColor}40` : "none"
+      v651fb250: i(r).bgColor,
+      fa048c6e: i(r).borderColor,
+      v32fa85e8: i(r).textColor,
+      v12082beb: i(r).accentColor,
+      v795e6932: i(r).glowEffect ? `drop-shadow(0 0 ${i(r).glowIntensity}px ${i(r).accentColor})` : "none",
+      c4139b70: i(r).glowEffect ? `0 0 ${i(r).glowIntensity}px ${i(r).accentColor}` : "none",
+      v5372ff44: i(r).glowEffect ? `0 0 ${i(r).glowIntensity}px ${i(r).accentColor}40` : "none"
     }));
     const a = f;
     class p extends vt {
@@ -172,9 +174,9 @@ const yt = { class: "slope-stability-wrapper" }, gt = { class: "panel-header" },
       background: `${l}30`,
       color: l,
       border: `1px solid ${l}`
-    }), J = () => console.log("实时更新"), K = () => console.log("搜索:", k.value), Q = () => {
+    }), K = () => console.log("实时更新"), Q = () => console.log("搜索:", k.value), q = () => {
       k.value = "";
-    }, q = (l) => {
+    }, G = (l) => {
       C.value = l, E.value = !0;
     }, T = () => {
       E.value = !1, C.value = null;
@@ -197,32 +199,32 @@ const yt = { class: "slope-stability-wrapper" }, gt = { class: "panel-header" },
       return m(), x("div", yt, [
         e("div", gt, [
           e("div", Ct, [
-            t[3] || (t[3] = st('<svg class="header-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-e666c117><path d="M3 3v18h18" data-v-e666c117></path><path d="M18 17V9" data-v-e666c117></path><path d="M13 17V5" data-v-e666c117></path><path d="M8 17v-3" data-v-e666c117></path></svg>', 1)),
+            t[3] || (t[3] = st('<svg class="header-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-817dd801><path d="M3 3v18h18" data-v-817dd801></path><path d="M18 17V9" data-v-817dd801></path><path d="M13 17V5" data-v-817dd801></path><path d="M8 17v-3" data-v-817dd801></path></svg>', 1)),
             e("span", _t, y(i(r).title), 1)
           ]),
           e("button", {
             class: "realtime-btn",
-            onClick: J
+            onClick: K
           }, y(i(r).realtimeBtnText), 1)
         ]),
         e("div", St, [
-          B(e("input", {
+          O(e("input", {
             "onUpdate:modelValue": t[0] || (t[0] = (n) => k.value = n),
             type: "text",
             class: "search-input",
             placeholder: i(r).searchPlaceholder
           }, null, 8, xt), [
-            [O, k.value]
+            [B, k.value]
           ]),
           e("button", {
             class: "search-btn",
-            onClick: K
+            onClick: Q
           }, [...t[4] || (t[4] = [
             e("span", null, "Q", -1)
           ])]),
           e("button", {
             class: "clear-btn",
-            onClick: Q
+            onClick: q
           }, [...t[5] || (t[5] = [
             e("span", null, "×", -1)
           ])])
@@ -230,22 +232,22 @@ const yt = { class: "slope-stability-wrapper" }, gt = { class: "panel-header" },
         e("div", Dt, [
           e("div", wt, [
             t[6] || (t[6] = e("label", null, "开始日期", -1)),
-            B(e("input", {
+            O(e("input", {
               "onUpdate:modelValue": t[1] || (t[1] = (n) => I.value = n),
               type: "date",
               class: "date-input"
             }, null, 512), [
-              [O, I.value]
+              [B, I.value]
             ])
           ]),
           e("div", kt, [
             t[7] || (t[7] = e("label", null, "结束日期", -1)),
-            B(e("input", {
+            O(e("input", {
               "onUpdate:modelValue": t[2] || (t[2] = (n) => M.value = n),
               type: "date",
               class: "date-input"
             }, null, 512), [
-              [O, M.value]
+              [B, M.value]
             ])
           ])
         ]),
@@ -254,14 +256,14 @@ const yt = { class: "slope-stability-wrapper" }, gt = { class: "panel-header" },
           e("div", {
             id: i(j),
             class: "chart-container"
-          }, null, 8, Bt)
+          }, null, 8, Ot)
         ]),
-        e("div", Ot, [
-          (m(!0), x(z, null, F(f.conf.data, (n, v) => (m(), x("button", {
+        e("div", Bt, [
+          (m(!0), x(F, null, z(f.conf.data, (n, v) => (m(), x("button", {
             key: v,
             class: nt(["action-btn", { active: C.value === v }]),
             style: w(H(n.color)),
-            onClick: (h) => q(v)
+            onClick: (h) => G(v)
           }, y(n.name), 15, jt))), 128))
         ]),
         (m(), it(rt, { to: "body" }, [
@@ -299,7 +301,7 @@ const yt = { class: "slope-stability-wrapper" }, gt = { class: "panel-header" },
                     e("span", null, "更新时间")
                   ], -1)),
                   e("div", $t, [
-                    (m(!0), x(z, null, F(A.value, (n) => {
+                    (m(!0), x(F, null, z(A.value, (n) => {
                       var v, h;
                       return m(), x("div", {
                         key: n.id,
@@ -313,7 +315,7 @@ const yt = { class: "slope-stability-wrapper" }, gt = { class: "panel-header" },
                         e("span", null, y(n.time), 1)
                       ]);
                     }), 128)),
-                    A.value.length === 0 ? (m(), x("div", Nt, " 暂无数据 ")) : W("", !0)
+                    A.value.length === 0 ? (m(), x("div", Lt, " 暂无数据 ")) : W("", !0)
                   ])
                 ])
               ])
@@ -324,7 +326,7 @@ const yt = { class: "slope-stability-wrapper" }, gt = { class: "panel-header" },
       ]);
     };
   }
-})), Zt = /* @__PURE__ */ pt(Wt, [["__scopeId", "data-v-e666c117"]]);
+})), te = /* @__PURE__ */ pt(Wt, [["__scopeId", "data-v-817dd801"]]);
 export {
-  Zt as default
+  te as default
 };

package/dist/slopeStability-CTN6Kpva.cjs

@@ -0,0 +1 @@
+"use strict";var P=Object.defineProperty,R=Object.defineProperties;var z=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var F=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var w=(u,l,f)=>l in u?P(u,l,{enumerable:!0,configurable:!0,writable:!0,value:f}):u[l]=f,O=(u,l)=>{for(var f in l||(l={}))F.call(l,f)&&w(u,f,l[f]);if(B)for(var f of B(l))U.call(l,f)&&w(u,f,l[f]);return u},I=(u,l)=>R(u,z(l));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("html2canvas");const S=require("./index-DVqMfQVc.cjs");require("element-plus");const q=require("./EChartComponentBase-dLE5F7Tt.cjs");require("./index-mAPVa0s4.cjs");const T=require("./ele-bar-icon-V94clxg_.cjs"),W=require("./echarts-BB8O2KSA.cjs"),H={class:"slope-stability-wrapper"},K={class:"panel-header"},Q={class:"header-left"},G={class:"header-title"},J={class:"search-bar"},X=["placeholder"],Y={class:"date-picker-row"},Z={class:"date-picker-item"},ee={class:"date-picker-item"},te={class:"chart-area"},le=["id"],ae={class:"action-buttons"},oe=["onClick"],ne={class:"detail-title"},re={class:"detail-modal-body"},se={class:"detail-summary"},ce={class:"detail-list"},ie={class:"detail-list-body"},de={key:0,class:"no-data"},ue={DEFAULT_ICON:T.DEFAULT_ICON,ACTIVE_ICON:T.ACTIVE_ICON,NAME_CN:"边坡稳定性分区",NAME_EN:"Slope Stability",ORDER:7,PLATFORM:["pc","screen"]},fe={title:{value:"边坡稳定性分区",type:"string",label:"component.slopeStability.title"},realtimeBtnText:{value:"实时更新",type:"string",label:"component.slopeStability.realtimeBtnText"},searchPlaceholder:{value:"搜索区域、编号...",type:"string",label:"component.slopeStability.searchPlaceholder"},bgColor:{value:"#1a2a3a",type:"color",label:"setting.bgColor"},borderColor:{value:"#2a4a6a",type:"color",label:"component.slopeStability.borderColor"},textColor:{value:"#ffffff",type:"color",label:"setting.textColor"},accentColor:{value:"#00d4ff",type:"color",label:"component.slopeStability.accentColor"},glowEffect:{value:!0,type:"checkbox",label:"component.slopeStability.glowEffect"},glowIntensity:{value:10,type:"number",label:"component.slopeStability.glowIntensity",min:0,max:30,step:1}},pe=[{name:"稳定",fv:"stable_percent",object_id:"",value:62.5,color:"#2ecc71"},{name:"基本稳定",fv:"basic_stable_percent",object_id:"",value:28.3,color:"#f39c12"},{name:"欠稳定",fv:"unstable_percent",object_id:"",value:9.2,color:"#e74c3c"}],me=["name","fv","object_id","color"],ve=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],be={useAlias:!1,multiObject:!1,source:"mosaic"},he={DEFAULT:ue,OPTIONS:fe,DATA:pe,PARAMS:me,SOURCE:ve,COMMON:be},ye=e.defineComponent(I(O({},he),{__name:"slopeStability",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(u){e.useCssVars(a=>({v651fb250:e.unref(s).bgColor,fa048c6e:e.unref(s).borderColor,v32fa85e8:e.unref(s).textColor,v12082beb:e.unref(s).accentColor,v795e6932:e.unref(s).glowEffect?`drop-shadow(0 0 ${e.unref(s).glowIntensity}px ${e.unref(s).accentColor})`:"none",c4139b70:e.unref(s).glowEffect?`0 0 ${e.unref(s).glowIntensity}px ${e.unref(s).accentColor}`:"none",v5372ff44:e.unref(s).glowEffect?`0 0 ${e.unref(s).glowIntensity}px ${e.unref(s).accentColor}40`:"none"}));const l=u;class f extends q.EChartComponentBase{extractStyles(){var i,m,n,d,c,o,r,p,v,g,x;const{options:t}=this.props.conf;return{title:((i=t==null?void 0:t.title)==null?void 0:i.value)||"边坡稳定性分区",realtimeBtnText:((m=t==null?void 0:t.realtimeBtnText)==null?void 0:m.value)||"实时更新",searchPlaceholder:((n=t==null?void 0:t.searchPlaceholder)==null?void 0:n.value)||"搜索区域、编号...",bgColor:((d=t==null?void 0:t.bgColor)==null?void 0:d.value)||"#1a2a3a",borderColor:((c=t==null?void 0:t.borderColor)==null?void 0:c.value)||"#2a4a6a",textColor:((o=t==null?void 0:t.textColor)==null?void 0:o.value)||"#ffffff",accentColor:((r=t==null?void 0:t.accentColor)==null?void 0:r.value)||"#00d4ff",glowEffect:(v=(p=t==null?void 0:t.glowEffect)==null?void 0:p.value)!=null?v:!0,glowIntensity:(x=(g=t==null?void 0:t.glowIntensity)==null?void 0:g.value)!=null?x:10}}getDefaultData(){return[{name:"稳定",fv:"stable_percent",object_id:"",value:62.5,color:"#2ecc71"},{name:"基本稳定",fv:"basic_stable_percent",object_id:"",value:28.3,color:"#f39c12"},{name:"欠稳定",fv:"unstable_percent",object_id:"",value:9.2,color:"#e74c3c"}]}getChartOption(){var d;let t=(d=this.props.conf)==null?void 0:d.data;(!t||t.length===0)&&(t=this.getDefaultData());const i=t.map(c=>c.name),m=t.map(c=>{var o;return(o=c.value)!=null?o:0}),n=t.map(c=>c.color||"#4162ff");return{grid:{left:50,right:20,top:30,bottom:30},xAxis:{type:"category",data:i,axisLine:{lineStyle:{color:"#2a4a6a"}},axisLabel:{color:"#ffffff",fontSize:12}},yAxis:{type:"value",max:100,axisLine:{show:!1},splitLine:{lineStyle:{color:"#2a4a6a",type:"dashed"}},axisLabel:{color:"#ffffff",fontSize:12,formatter:"{value}%"}},series:[{type:"bar",data:m.map((c,o)=>({value:c,itemStyle:{color:n[o]}})),barWidth:"40%",label:{show:!0,position:"top",color:"#ffffff",fontSize:14,fontWeight:"bold",formatter:"{c}%"}}]}}setHistoryData(t){const{data:i,common:m}=this.props.conf,n=m.source||"mosaic";if(!i.some(o=>o.object_id&&o.fv))return;["statistics","calculate"].includes(n)&&(t=S.formatStatisticsResult(t,i));let c=S.handleNullData(t,this.props,"history");i.forEach((o,r)=>{var p,v;if(!(!o.object_id||!o.fv))try{const g=(v=(p=c.history[r])==null?void 0:p[0])==null?void 0:v[o.fv];g!=null&&(o.value=g)}catch(g){}}),this.updateChartData()}setSocketData(t){if(!t)return;const{data:i}=this.props.conf;i.some(n=>n.object_id&&n.fv)&&(i.forEach(n=>{if(!n.object_id||!n.fv)return;const d=this.extractDataValue(t,n.fv);d!=null&&(n.value=d)}),this.updateChartData())}updateChartData(){this.chartObj&&this.chartObj.setOption(this.getChartOption())}}const b=new f(l,"slopeStability");(!l.conf.data||l.conf.data.length===0)&&(l.conf.data=b.getDefaultData()),b.setupLifecycle();const s=b.getStyle(),_=b.getEchartId(),E=e.ref(""),N=e.ref(""),V=e.ref(""),h=e.ref(null),C=e.ref(!1),y=e.computed(()=>{var a,t;return h.value===null?null:((t=(a=l.conf)==null?void 0:a.data)==null?void 0:t[h.value])||null}),D=e.computed(()=>{if(h.value===null)return[];const t=h.value*2+1;return[{id:`BP-${String(t).padStart(3,"0")}`,time:"2025-12-16 10:30"},{id:`BP-${String(t+1).padStart(3,"0")}`,time:"2025-12-16 10:25"},{id:`BP-${String(t+10).padStart(3,"0")}`,time:"2025-12-16 10:20"}]}),M=a=>({background:`${a}30`,color:a,border:`1px solid ${a}`}),j=()=>console.log("实时更新"),A=()=>console.log("搜索:",E.value),L=()=>{E.value=""},$=a=>{h.value=a,C.value=!0},k=()=>{C.value=!1,h.value=null};return e.onMounted(()=>{e.nextTick(()=>{const a=document.getElementById(_);if(a){const t=W.init(a);t.setOption(b.getChartOption()),b.chartObj=t}})}),e.watch(()=>{var a;return(a=l.conf)==null?void 0:a.data},()=>{e.nextTick(()=>b.updateChartData())},{deep:!0}),(a,t)=>{var i,m,n,d,c,o;return e.openBlock(),e.createElementBlock("div",H,[e.createElementVNode("div",K,[e.createElementVNode("div",Q,[t[3]||(t[3]=e.createStaticVNode('<svg class="header-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-817dd801><path d="M3 3v18h18" data-v-817dd801></path><path d="M18 17V9" data-v-817dd801></path><path d="M13 17V5" data-v-817dd801></path><path d="M8 17v-3" data-v-817dd801></path></svg>',1)),e.createElementVNode("span",G,e.toDisplayString(e.unref(s).title),1)]),e.createElementVNode("button",{class:"realtime-btn",onClick:j},e.toDisplayString(e.unref(s).realtimeBtnText),1)]),e.createElementVNode("div",J,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[0]||(t[0]=r=>E.value=r),type:"text",class:"search-input",placeholder:e.unref(s).searchPlaceholder},null,8,X),[[e.vModelText,E.value]]),e.createElementVNode("button",{class:"search-btn",onClick:A},[...t[4]||(t[4]=[e.createElementVNode("span",null,"Q",-1)])]),e.createElementVNode("button",{class:"clear-btn",onClick:L},[...t[5]||(t[5]=[e.createElementVNode("span",null,"×",-1)])])]),e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[t[6]||(t[6]=e.createElementVNode("label",null,"开始日期",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[1]||(t[1]=r=>N.value=r),type:"date",class:"date-input"},null,512),[[e.vModelText,N.value]])]),e.createElementVNode("div",ee,[t[7]||(t[7]=e.createElementVNode("label",null,"结束日期",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[2]||(t[2]=r=>V.value=r),type:"date",class:"date-input"},null,512),[[e.vModelText,V.value]])])]),e.createElementVNode("div",te,[t[8]||(t[8]=e.createElementVNode("div",{class:"chart-title"},"边坡稳定性分析",-1)),e.createElementVNode("div",{id:e.unref(_),class:"chart-container"},null,8,le)]),e.createElementVNode("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.conf.data,(r,p)=>(e.openBlock(),e.createElementBlock("button",{key:p,class:e.normalizeClass(["action-btn",{active:h.value===p}]),style:e.normalizeStyle(M(r.color)),onClick:v=>$(p)},e.toDisplayString(r.name),15,oe))),128))]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[C.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"detail-modal",onClick:e.withModifiers(k,["self"])},[e.createElementVNode("div",{class:"detail-modal-content",style:e.normalizeStyle({borderColor:(i=y.value)==null?void 0:i.color})},[e.createElementVNode("div",{class:"detail-modal-header",style:e.normalizeStyle({background:(m=y.value)==null?void 0:m.color})},[e.createElementVNode("span",ne,e.toDisplayString((n=y.value)==null?void 0:n.name)+" - 详细数据",1),e.createElementVNode("button",{class:"detail-close-btn",onClick:k},"×")],4),e.createElementVNode("div",re,[e.createElementVNode("div",se,[e.createElementVNode("div",{class:"summary-value",style:e.normalizeStyle({color:(d=y.value)==null?void 0:d.color})},e.toDisplayString((o=(c=y.value)==null?void 0:c.value)!=null?o:0)+"% ",5),t[9]||(t[9]=e.createElementVNode("div",{class:"summary-label"},"当前占比",-1))]),e.createElementVNode("div",ce,[t[10]||(t[10]=e.createElementVNode("div",{class:"detail-list-header"},[e.createElementVNode("span",null,"区域编号"),e.createElementVNode("span",null,"状态"),e.createElementVNode("span",null,"更新时间")],-1)),e.createElementVNode("div",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,r=>{var p,v;return e.openBlock(),e.createElementBlock("div",{key:r.id,class:"detail-list-item"},[e.createElementVNode("span",null,e.toDisplayString(r.id),1),e.createElementVNode("span",{class:"status-tag",style:e.normalizeStyle({background:(p=y.value)==null?void 0:p.color})},e.toDisplayString((v=y.value)==null?void 0:v.name),5),e.createElementVNode("span",null,e.toDisplayString(r.time),1)])}),128)),D.value.length===0?(e.openBlock(),e.createElementBlock("div",de," 暂无数据 ")):e.createCommentVNode("",!0)])])])],4)])):e.createCommentVNode("",!0)])),e.renderSlot(a.$slots,"default",{},void 0,!0)])}}})),ge=S._export_sfc(ye,[["__scopeId","data-v-817dd801"]]);exports.default=ge;

package/dist/speedCurve-C5NoQCjK.cjs

@@ -0,0 +1 @@
+"use strict";var le=Object.defineProperty,ie=Object.defineProperties;var ce=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols,de=Object.getPrototypeOf,ue=Object.prototype.hasOwnProperty,fe=Object.prototype.propertyIsEnumerable,me=Reflect.get;var J=(v,s,f)=>s in v?le(v,s,{enumerable:!0,configurable:!0,writable:!0,value:f}):v[s]=f,Q=(v,s)=>{for(var f in s||(s={}))ue.call(s,f)&&J(v,f,s[f]);if(K)for(var f of K(s))fe.call(s,f)&&J(v,f,s[f]);return v},X=(v,s)=>ie(v,ce(s));var Z=(v,s,f)=>me(de(v),f,s);var q=(v,s,f)=>new Promise((h,D)=>{var G=p=>{try{w(f.next(p))}catch(I){D(I)}},L=p=>{try{w(f.throw(p))}catch(I){D(I)}},w=p=>p.done?h(p.value):Promise.resolve(p.value).then(G,L);w((f=f.apply(v,s)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");require("html2canvas");const Y=require("./index-DVqMfQVc.cjs");require("element-plus");const pe=require("./EChartComponentBase-dLE5F7Tt.cjs");require("./index-mAPVa0s4.cjs");const ee=require("./ele-lin-icon-Dke_1AmT.cjs"),V=require("./echarts-BB8O2KSA.cjs"),ve={class:"panel-header"},he={class:"header-left"},ge={class:"header-title"},ye={class:"header-right"},be={class:"chart-area"},Ce={class:"y-axis-label"},Se=["id"],xe={DEFAULT_ICON:ee.DEFAULT_ICON,ACTIVE_ICON:ee.ACTIVE_ICON,NAME_CN:"监测点速度曲线",NAME_EN:"Speed Curve",ORDER:1,PLATFORM:["pc","screen"]},_e={title:{value:"监测点速度曲线 (24h)",type:"string",label:"component.speedCurve.title"},yAxisLabel:{value:"速度(mm/h)",type:"string",label:"component.speedCurve.yAxisLabel"},bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},lineColor:{value:"#ff6b6b",type:"color",label:"component.speedCurve.lineColor"},gradientStart:{value:"rgba(255, 107, 107, 0.3)",type:"color",label:"component.speedCurve.gradientStart"},gradientEnd:{value:"rgba(255, 107, 107, 0.05)",type:"color",label:"component.speedCurve.gradientEnd"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},jumpUrl:{value:"",type:"string",label:"component.speedCurve.jumpUrl"},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"}}},De=[{name:"GNSS55",fv:"speed",fvDeviceName:"deviceId",object_id:""}],Ae=["name","fv","fvDeviceName","object_id"],Ne=["mosaic","statistics","statisticsRealtime"],Oe={useAlias:!1,multiObject:!1,source:"mosaic"},je={DEFAULT:xe,OPTIONS:_e,DATA:De,PARAMS:Ae,SOURCE:Ne,COMMON:Oe},Le=o.defineComponent(X(Q({},je),{__name:"speedCurve",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(v){const s=v;class f extends pe.EChartComponentBase{constructor(){super(...arguments),this.currentObjectId=""}extractStyles(){var i,c,b,n,u,g,x,C,y,S;const{options:e}=this.props.conf,t=((i=e==null?void 0:e.linkChannel)==null?void 0:i.value)||"gnss",a=((c=e==null?void 0:e.customChannel)==null?void 0:c.value)||"",l=t==="custom"&&a?a:t;return{title:((b=e==null?void 0:e.title)==null?void 0:b.value)||"监测点速度曲线 (24h)",yAxisLabel:((n=e==null?void 0:e.yAxisLabel)==null?void 0:n.value)||"速度(mm/h)",bgColor:((u=e==null?void 0:e.bgColor)==null?void 0:u.value)||"#ffffff",lineColor:((g=e==null?void 0:e.lineColor)==null?void 0:g.value)||"#ff6b6b",gradientStart:((x=e==null?void 0:e.gradientStart)==null?void 0:x.value)||"rgba(255, 107, 107, 0.3)",gradientEnd:((C=e==null?void 0:e.gradientEnd)==null?void 0:C.value)||"rgba(255, 107, 107, 0.05)",textColor:((y=e==null?void 0:e.textColor)==null?void 0:y.value)||"#333333",jumpUrl:((S=e==null?void 0:e.jumpUrl)==null?void 0:S.value)||"",linkChannel:l}}getChartOption(){const e=this.Style.value,t=this.props.mode==="preview",a=t?[]:Array.from({length:24},(i,c)=>`${c}h`),l=t?[]:[1.5,3.2,5.1,6.5,6.6,7.2,7.8,8.4,8.9,9.2,9.5,9.8,10.2,10.5,10.3,10,9.8,9.6,9.5,9.6,9.7,9.8,9.85,9.85];return{grid:{top:40,right:20,bottom:30,left:50},xAxis:{type:"category",data:a,axisLine:{lineStyle:{color:"#e0e0e0"}},axisLabel:{color:e.textColor,fontSize:12},axisTick:{show:!1}},yAxis:{type:"value",axisLine:{show:!1},axisLabel:{color:e.textColor,fontSize:12},splitLine:{lineStyle:{color:"#f0f0f0",type:"dashed"}}},series:[{type:"line",data:l,smooth:!0,symbol:"circle",symbolSize:6,lineStyle:{color:e.lineColor,width:2},itemStyle:{color:e.lineColor,borderColor:"#fff",borderWidth:2},areaStyle:{color:new V.LinearGradient(0,0,0,1,[{offset:0,color:e.gradientStart},{offset:1,color:e.gradientEnd}])}}],tooltip:{trigger:"axis",backgroundColor:"rgba(255,255,255,0.95)",borderColor:"#eee",textStyle:{color:"#333"},formatter:i=>{const c=i[0];return`${c.name}<br/>速度: <strong>${c.value} mm/h</strong>`}}}}initHistory(){return q(this,null,function*(){const e=this.props.conf;if(!e)return[];e.options||(e.options={});const t=e.options.points,a=Object.prototype.hasOwnProperty.call(e.options,"points");(!t||Number(t)<24)&&(e.options.points=24);try{return yield Z(f.prototype,this,"initHistory").call(this)}finally{a?e.options.points=t:delete e.options.points}})}setHistoryData(e){var y,S,m,_,A,M;if(!this.hasData()||!this.chartObj||!e)return;const t=super.setHistoryData(e);if(!(t!=null&&t.length))return;const a=t[0];if(!((y=a==null?void 0:a.time)!=null&&y.length))return;const l=d=>{if(d==null||d===""||d==="-")return null;const N=Number(d);return Number.isFinite(N)?N:null},i=a.time.map((d,N)=>{var k;return{t:String(d!=null?d:""),v:l((k=a.data)==null?void 0:k[N])}});i.sort((d,N)=>new Date(d.t).getTime()-new Date(N.t).getTime());const c=i.slice(-24),b=c.map(d=>this.formatTimeLabel(d.t)),n=c.map(d=>d.v);for(let d=n.length-1;d>=0;d--)if(n[d]!=null){E.value=n[d];break}const u=this.chartObj.getOption();if(!u.xAxis||!u.series)return;const g=H.value,x=R(g);u.xAxis[0].data=b,u.series[0]&&(u.series[0].data=n,u.series[0].lineStyle={color:g,width:2},u.series[0].itemStyle={color:g,borderColor:"#fff",borderWidth:2},u.series[0].areaStyle={color:new V.LinearGradient(0,0,0,1,[{offset:0,color:x.start},{offset:1,color:x.end}])}),this.updateChart(u);const C=((m=(S=this.props.conf)==null?void 0:S.common)==null?void 0:m.object_id)||((M=(A=(_=this.props.conf)==null?void 0:_.data)==null?void 0:A[0])==null?void 0:M.object_id)||"";C&&this.setCurrentObjectId(String(C))}setSocketData(e){var b,n,u,g,x,C;if(!this.chartObj||!e)return;const t=((u=(n=(b=this.props.conf)==null?void 0:b.data)==null?void 0:n[0])==null?void 0:u.fv)||"speed",a=((C=(x=(g=this.props.conf)==null?void 0:g.data)==null?void 0:x[0])==null?void 0:C.fvDeviceName)||"",i=this.getSource()==="mosaic"?e.datetime:e.start_time,c=this.extractDataValue(e,t);if(a){const y=this.extractDataValue(e,a);y!=null&&(I.value=String(y))}if(c!=null&&i){const y=parseFloat(String(c));isNaN(y)||(E.value=y);const S=this.formatTimeLabel(i),m=this.chartObj.getOption();m.xAxis[0].data.push(S),m.series[0].data.push(c),m.xAxis[0].data.length>24&&(m.xAxis[0].data.shift(),m.series[0].data.shift());const _=H.value,A=R(_);m.series[0].lineStyle={color:_,width:2},m.series[0].itemStyle={color:_,borderColor:"#fff",borderWidth:2},m.series[0].areaStyle={color:new V.LinearGradient(0,0,0,1,[{offset:0,color:A.start},{offset:1,color:A.end}])},this.chartObj.setOption(m)}}formatTimeLabel(e){try{const t=e.split(".");return t.length>0?t[0]:e}catch(t){return e}}setCurrentObjectId(e){this.currentObjectId=e}getCurrentObjectId(){return this.currentObjectId}onLinkEvent(e){se(e)}}const h=new f(s,"speedCurve");h.setupLifecycle();const D=h.getStyle(),G=h.getEchartId(),L=o.reactive({dateRange:[Y.dayjs().subtract(1,"day").format("YYYY/MM/DD HH:mm"),Y.dayjs().format("YYYY/MM/DD HH:mm")]}),w=o.ref(0),p=o.ref(null),I=o.ref(""),E=o.ref(null),U=o.ref(null),P=r=>{const e=U.value;if(!e||e.length===0)return{alertText:"正常",alertColor:"#52c41a"};const t=Math.abs(r);for(const l of e)if(t>=l.minValue&&t<l.maxValue)return{alertText:l.name,alertColor:l.color};const a=e[e.length-1];return{alertText:a.name,alertColor:a.color}},W=[{name:"GNSS55",speed:9.85,data:[1.5,3.2,5.1,6.5,6.6,7.2,7.8,8.4,8.9,9.2,9.5,9.8,10.2,10.5,10.3,10,9.8,9.6,9.5,9.6,9.7,9.8,9.85,9.85]},{name:"GNSS110",speed:8.1,data:[2,2.5,3,3.8,4.5,5.2,5.8,6.3,6.8,7.2,7.5,7.8,8,8.1,8.1,8,7.9,7.8,7.9,8,8.05,8.08,8.1,8.1]},{name:"GNSS33",speed:5.85,data:[1,1.5,2,2.8,3.2,3.8,4.2,4.6,5,5.3,5.5,5.7,5.8,5.85,5.85,5.8,5.7,5.6,5.5,5.6,5.7,5.8,5.85,5.85]},{name:"GNSS143",speed:5.85,data:[.8,1.2,1.8,2.5,3,3.5,4,4.5,5,5.4,5.6,5.8,5.85,5.85,5.8,5.75,5.7,5.65,5.7,5.75,5.8,5.82,5.85,5.85]},{name:"GNSS66",speed:4.58,data:[.5,.8,1.2,1.8,2.2,2.6,3,3.4,3.7,4,4.2,4.4,4.5,4.55,4.58,4.58,4.55,4.5,4.45,4.48,4.52,4.55,4.58,4.58]}];o.computed(()=>W[w.value]||W[0]);const te=()=>{var t;return{deviceNameField:((((t=s.conf)==null?void 0:t.data)||[])[0]||{}).fvDeviceName||"deviceId"}},z=o.computed(()=>{var t;const{deviceNameField:r}=te();if(I.value)return I.value;if(p.value&&p.value[r])return p.value[r];const e=(t=s.conf)==null?void 0:t.data;if(e&&e.length>w.value){const a=e[w.value];if(a!=null&&a.object_id&&(a!=null&&a.name))return a.name}return"--"}),H=o.computed(()=>{var r;return(r=p.value)!=null&&r.alertColor?p.value.alertColor:E.value!==null?P(E.value).alertColor:"#999999"}),ae=o.computed(()=>{var r;return(r=p.value)!=null&&r.alertText?p.value.alertText:E.value!==null?P(E.value).alertText:"--"}),re=o.computed(()=>({backgroundColor:D.value.bgColor,color:D.value.textColor})),oe=()=>{var t,a,l,i;if(s.mode==="edit")return;const r=h.getCurrentObjectId()||((l=(a=(t=s.conf)==null?void 0:t.data)==null?void 0:a[0])==null?void 0:l.object_id)||"";r&&h.publish({type:"filter",objectId:r,point:z.value,area:((i=p.value)==null?void 0:i.area)||"",dateRange:[...L.dateRange]});const e=D.value.jumpUrl;e&&window.open(e,"_blank")},F=()=>{var e,t;return((t=(((e=s.conf)==null?void 0:e.data)||[])[0])==null?void 0:t.fv)||""},ne=r=>q(null,null,function*(){var b;if(!r||s.mode!=="preview")return;const e=h.getCurrentObjectId();if(e===r)return;console.log(`[speedCurve] 切换订阅: ${e} → ${r}`),h.setCurrentObjectId(r);const t=(b=h.session)==null?void 0:b.value,a=s.conf.id;t!=null&&t.componentRequests&&a&&t.componentRequests.delete(a);const{data:l,common:i}=s.conf;Array.isArray(l)&&l.forEach(n=>{n.object_id=r}),i!=null&&i.multiObject||i&&(i.object_id=r);try{const n=F()||"speed",u=Y.dayjs(L.dateRange[0],"YYYY/MM/DD HH:mm").format("YYYY-MM-DD HH:mm:ss"),g=Y.dayjs(L.dateRange[1],"YYYY/MM/DD HH:mm").format("YYYY-MM-DD HH:mm:ss"),x=Y.dayjs(L.dateRange[1],"YYYY/MM/DD HH:mm").diff(Y.dayjs(L.dateRange[0],"YYYY/MM/DD HH:mm"),"second"),C=Math.max(60,Math.floor(x/24)),y=[{block_mapping:"influxdbproxy",action:"get_mosaic_list_with_time_span",start_time:u,end_time:g,time_span:C,time_swing:C,keys:[n],object_id:r}],S=yield new Promise(A=>{Y.api.platform(M=>{A(M.result)},{block_mapping:"mixtools",action:"get_tools_mosaic_list",condition:y})}),m=Array.isArray(S)?S:[S],_=m[0]&&typeof m[0]=="object"&&Array.isArray(m[0].data)?m[0].data:Array.isArray(m[0])?m[0]:[];if(Array.isArray(_)&&_.length>0){const A=[..._].sort((O,j)=>{const T=O.time||O.datetime||"",$=j.time||j.datetime||"";return new Date(T).getTime()-new Date($).getTime()}),M=[],d=[];A.forEach(O=>{const j=O.time||O.datetime,T=O[n];if(j&&T!=null){const $=parseFloat(T);isNaN($)||(M.push(j.split(".")[0]),d.push($))}});const N=M.slice(-24),k=d.slice(-24);if(N.length>0){E.value=k[k.length-1];const O=h.getChartInstance();if(O){const j=H.value,T=R(j);O.setOption({xAxis:[{data:N}],series:[{data:k,lineStyle:{color:j},itemStyle:{color:j,borderColor:"#fff",borderWidth:2},areaStyle:{color:new V.LinearGradient(0,0,0,1,[{offset:0,color:T.start},{offset:1,color:T.end}])}}]})}}}console.log(`[speedCurve] 历史数据加载完成，时间范围: ${u} ~ ${g}`)}catch(n){console.warn("[speedCurve] 历史数据获取失败:",n)}t&&t.registerComponent({id:a,request:null,onUpdate:(n,u)=>{n==="realtime"&&h.setSocketData(u)}});const c=h.getSource();h.subscribeBySource(c,r)}),se=r=>{var b;console.log("[speedCurve] 收到联动事件:",r);const{payload:e}=r,{objectId:t,deviceId:a}=e;e.dateRange&&(L.dateRange=e.dateRange),p.value=e,e.alertLevels&&Array.isArray(e.alertLevels)&&(U.value=e.alertLevels);const l=F()||"speed";if(e[l]!==void 0){const n=parseFloat(String(e[l]));isNaN(n)||(E.value=n)}const i=((b=s.conf)==null?void 0:b.data)||[];let c=null;if(t&&(c=i.find(n=>String(n.object_id)===String(t))),!c&&a&&(c=i.find(n=>n.deviceId===a||n.name===a)),c&&e){const n=c.fv||"speed",u=e[n];console.log(`[speedCurve] 匹配 object_id=${t}, 使用字段 ${n}=${u}`);const g=i.indexOf(c);g!==-1&&(w.value=g),B(e)}else e&&B(e);t&&ne(t)},R=r=>{const e=r.replace("#",""),t=parseInt(e.substring(0,2),16),a=parseInt(e.substring(2,4),16),l=parseInt(e.substring(4,6),16);return{start:`rgba(${t}, ${a}, ${l}, 0.3)`,end:`rgba(${t}, ${a}, ${l}, 0.05)`}},B=r=>{const e=h.getChartInstance();if(!e)return;const t=H.value,a=R(t),l=F()||"speed";r.data&&Array.isArray(r.data)?e.setOption({series:[{data:r.data,lineStyle:{color:t},itemStyle:{color:t,borderColor:"#fff",borderWidth:2},areaStyle:{color:new V.LinearGradient(0,0,0,1,[{offset:0,color:a.start},{offset:1,color:a.end}])}}]}):r[l]!==void 0?(console.log(`[speedCurve] 使用字段 ${l} 的值:`,r[l]),e.setOption({series:[{lineStyle:{color:t},itemStyle:{color:t,borderColor:"#fff",borderWidth:2},areaStyle:{color:new V.LinearGradient(0,0,0,1,[{offset:0,color:a.start},{offset:1,color:a.end}])}}]})):e.setOption({series:[{lineStyle:{color:t},itemStyle:{color:t,borderColor:"#fff",borderWidth:2},areaStyle:{color:new V.LinearGradient(0,0,0,1,[{offset:0,color:a.start},{offset:1,color:a.end}])}}]})};return(r,e)=>(o.openBlock(),o.createElementBlock("div",{class:"speed-curve-wrapper",style:o.normalizeStyle(re.value)},[o.createElementVNode("div",ve,[o.createElementVNode("div",he,[e[0]||(e[0]=o.createElementVNode("div",{class:"header-indicator"},null,-1)),o.createElementVNode("span",ge,o.toDisplayString(o.unref(D).title),1)]),o.createElementVNode("div",ye,[o.createElementVNode("span",{class:"device-name",style:o.normalizeStyle({color:H.value})},o.toDisplayString(z.value)+" - "+o.toDisplayString(ae.value),5)])]),o.createElementVNode("div",be,[o.createElementVNode("div",Ce,o.toDisplayString(o.unref(D).yAxisLabel),1),o.createElementVNode("div",{id:o.unref(G),class:"chart-container",style:o.normalizeStyle({cursor:o.unref(D).jumpUrl?"pointer":"default"}),onClick:oe},null,12,Se)]),o.renderSlot(r.$slots,"default",{},void 0,!0)],4))}})),we=Y._export_sfc(Le,[["__scopeId","data-v-1a8b5d28"]]);exports.default=we;

package/dist/{speedCurve-DZ52XKCk.js → speedCurve-CInn7NAC.js}

@@ -14,31 +14,33 @@ var B = (p, s, u) => new Promise((v, _) => {
   var P = (m) => {
     try {
       Y(u.next(m));
-    } catch (I) {
-      _(I);
+    } catch (M) {
+      _(M);
     }
   }, w = (m) => {
     try {
       Y(u.throw(m));
-    } catch (I) {
-      _(I);
+    } catch (M) {
+      _(M);
     }
   }, Y = (m) => m.done ? v(m.value) : Promise.resolve(m.value).then(P, w);
   Y((u = u.apply(p, s)).next());
 });
 import { defineComponent as be, reactive as ye, ref as $, computed as V, openBlock as Ce, createElementBlock as Se, normalizeStyle as z, createElementVNode as j, toDisplayString as G, unref as W, renderSlot as xe } from "vue";
 import "html2canvas";
-import { g as H, a as _e, _ as De } from "./index-Bdq33405.js";
-import { E as Ae } from "./EChartComponentBase-CAabYXSj.js";
+import { d as H, a as _e, _ as De } from "./index-DwPJu6XM.js";
+import "element-plus";
+import { E as Ae } from "./EChartComponentBase-cFfawl6h.js";
 import "./index-ButoLLAe.js";
 import { A as Oe, D as Ne } from "./ele-lin-icon-Dax-ZiWV.js";
-import { cn as T } from "./echarts-BVht3HHb.js";
-const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { class: "header-title" }, Le = { class: "header-right" }, Ie = { class: "chart-area" }, Me = { class: "y-axis-label" }, ke = ["id"], Te = {
+import { cn as k } from "./echarts-BVht3HHb.js";
+const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { class: "header-title" }, Le = { class: "header-right" }, Me = { class: "chart-area" }, Ie = { class: "y-axis-label" }, Te = ["id"], ke = {
   DEFAULT_ICON: Ne,
   ACTIVE_ICON: Oe,
   NAME_CN: "监测点速度曲线",
   NAME_EN: "Speed Curve",
-  ORDER: 1
+  ORDER: 1,
+  PLATFORM: ["pc", "screen"]
 }, Ee = {
   title: { value: "监测点速度曲线 (24h)", type: "string", label: "component.speedCurve.title" },
   yAxisLabel: { value: "速度(mm/h)", type: "string", label: "component.speedCurve.yAxisLabel" },
@@ -77,7 +79,7 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
     // 从 fv 中取设备名的字段
     object_id: ""
   }
-], Re = ["name", "fv", "fvDeviceName", "object_id"], $e = ["mosaic", "statistics", "statisticsRealtime"], Ve = { useAlias: !1, multiObject: !1, source: "mosaic" }, Fe = { DEFAULT: Te, OPTIONS: Ee, DATA: He, PARAMS: Re, SOURCE: $e, COMMON: Ve }, Ue = /* @__PURE__ */ be(oe(ae({}, Fe), {
+], Re = ["name", "fv", "fvDeviceName", "object_id"], $e = ["mosaic", "statistics", "statisticsRealtime"], Ve = { useAlias: !1, multiObject: !1, source: "mosaic" }, Fe = { DEFAULT: ke, OPTIONS: Ee, DATA: He, PARAMS: Re, SOURCE: $e, COMMON: Ve }, Ue = /* @__PURE__ */ be(oe(ae({}, Fe), {
   __name: "speedCurve",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -144,7 +146,7 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
               borderWidth: 2
             },
             areaStyle: {
-              color: new T(0, 0, 0, 1, [
+              color: new k(0, 0, 0, 1, [
                 { offset: 0, color: e.gradientStart },
                 { offset: 1, color: e.gradientEnd }
               ])
@@ -179,7 +181,7 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
       }
       // 处理历史数据（基类挂载时通过 mosaicResult/statisticsResult 拉到后回调进来）
       setHistoryData(e) {
-        var g, C, f, x, D, M;
+        var g, C, f, x, D, I;
         if (!this.hasData() || !this.chartObj || !e) return;
         const t = super.setHistoryData(e);
         if (!(t != null && t.length)) return;
@@ -207,12 +209,12 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
         if (!d.xAxis || !d.series) return;
         const h = R.value, S = F(h);
         d.xAxis[0].data = b, d.series[0] && (d.series[0].data = r, d.series[0].lineStyle = { color: h, width: 2 }, d.series[0].itemStyle = { color: h, borderColor: "#fff", borderWidth: 2 }, d.series[0].areaStyle = {
-          color: new T(0, 0, 0, 1, [
+          color: new k(0, 0, 0, 1, [
             { offset: 0, color: S.start },
             { offset: 1, color: S.end }
           ])
         }), this.updateChart(d);
-        const y = ((f = (C = this.props.conf) == null ? void 0 : C.common) == null ? void 0 : f.object_id) || ((M = (D = (x = this.props.conf) == null ? void 0 : x.data) == null ? void 0 : D[0]) == null ? void 0 : M.object_id) || "";
+        const y = ((f = (C = this.props.conf) == null ? void 0 : C.common) == null ? void 0 : f.object_id) || ((I = (D = (x = this.props.conf) == null ? void 0 : x.data) == null ? void 0 : D[0]) == null ? void 0 : I.object_id) || "";
         y && this.setCurrentObjectId(String(y));
       }
       // 处理实时数据（WebSocket 推送）
@@ -222,7 +224,7 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
         const t = ((d = (r = (b = this.props.conf) == null ? void 0 : b.data) == null ? void 0 : r[0]) == null ? void 0 : d.fv) || "speed", a = ((y = (S = (h = this.props.conf) == null ? void 0 : h.data) == null ? void 0 : S[0]) == null ? void 0 : y.fvDeviceName) || "", l = this.getSource() === "mosaic" ? e.datetime : e.start_time, i = this.extractDataValue(e, t);
         if (a) {
           const g = this.extractDataValue(e, a);
-          g != null && (I.value = String(g));
+          g != null && (M.value = String(g));
         }
         if (i != null && l) {
           const g = parseFloat(String(i));
@@ -231,7 +233,7 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
           f.xAxis[0].data.push(C), f.series[0].data.push(i), f.xAxis[0].data.length > 24 && (f.xAxis[0].data.shift(), f.series[0].data.shift());
           const x = R.value, D = F(x);
           f.series[0].lineStyle = { color: x, width: 2 }, f.series[0].itemStyle = { color: x, borderColor: "#fff", borderWidth: 2 }, f.series[0].areaStyle = {
-            color: new T(0, 0, 0, 1, [
+            color: new k(0, 0, 0, 1, [
               { offset: 0, color: D.start },
               { offset: 1, color: D.end }
             ])
@@ -262,7 +264,7 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
     }
     const v = new u(s, "speedCurve");
     v.setupLifecycle();
-    const _ = v.getStyle(), P = v.getEchartId(), w = ye({ dateRange: [H().subtract(1, "day").format("YYYY/MM/DD HH:mm"), H().format("YYYY/MM/DD HH:mm")] }), Y = $(0), m = $(null), I = $(""), L = $(null), q = $(null), J = (o) => {
+    const _ = v.getStyle(), P = v.getEchartId(), w = ye({ dateRange: [H().subtract(1, "day").format("YYYY/MM/DD HH:mm"), H().format("YYYY/MM/DD HH:mm")] }), Y = $(0), m = $(null), M = $(""), L = $(null), q = $(null), J = (o) => {
       const e = q.value;
       if (!e || e.length === 0)
         return { alertText: "正常", alertColor: "#52c41a" };
@@ -294,8 +296,8 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
     }, X = V(() => {
       var t;
       const { deviceNameField: o } = se();
-      if (I.value)
-        return I.value;
+      if (M.value)
+        return M.value;
       if (m.value && m.value[o])
         return m.value[o];
       const e = (t = s.conf) == null ? void 0 : t.data;
@@ -352,8 +354,8 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
           keys: [r],
           object_id: o
         }], C = yield new Promise((D) => {
-          _e.platform((M) => {
-            D(M.result);
+          _e.platform((I) => {
+            D(I.result);
           }, {
             block_mapping: "mixtools",
             action: "get_tools_mosaic_list",
@@ -362,22 +364,22 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
         }), f = Array.isArray(C) ? C : [C], x = f[0] && typeof f[0] == "object" && Array.isArray(f[0].data) ? f[0].data : Array.isArray(f[0]) ? f[0] : [];
         if (Array.isArray(x) && x.length > 0) {
           const D = [...x].sort((O, N) => {
-            const k = O.time || O.datetime || "", U = N.time || N.datetime || "";
-            return new Date(k).getTime() - new Date(U).getTime();
-          }), M = [], c = [];
+            const T = O.time || O.datetime || "", U = N.time || N.datetime || "";
+            return new Date(T).getTime() - new Date(U).getTime();
+          }), I = [], c = [];
           D.forEach((O) => {
-            const N = O.time || O.datetime, k = O[r];
-            if (N && k != null) {
-              const U = parseFloat(k);
-              isNaN(U) || (M.push(N.split(".")[0]), c.push(U));
+            const N = O.time || O.datetime, T = O[r];
+            if (N && T != null) {
+              const U = parseFloat(T);
+              isNaN(U) || (I.push(N.split(".")[0]), c.push(U));
             }
           });
-          const A = M.slice(-24), E = c.slice(-24);
+          const A = I.slice(-24), E = c.slice(-24);
           if (A.length > 0) {
             L.value = E[E.length - 1];
             const O = v.getChartInstance();
             if (O) {
-              const N = R.value, k = F(N);
+              const N = R.value, T = F(N);
               O.setOption({
                 xAxis: [{ data: A }],
                 series: [{
@@ -385,9 +387,9 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
                   lineStyle: { color: N },
                   itemStyle: { color: N, borderColor: "#fff", borderWidth: 2 },
                   areaStyle: {
-                    color: new T(0, 0, 0, 1, [
-                      { offset: 0, color: k.start },
-                      { offset: 1, color: k.end }
+                    color: new k(0, 0, 0, 1, [
+                      { offset: 0, color: T.start },
+                      { offset: 1, color: T.end }
                     ])
                   }
                 }]
@@ -443,7 +445,7 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
           lineStyle: { color: t },
           itemStyle: { color: t, borderColor: "#fff", borderWidth: 2 },
           areaStyle: {
-            color: new T(0, 0, 0, 1, [
+            color: new k(0, 0, 0, 1, [
               { offset: 0, color: a.start },
               { offset: 1, color: a.end }
             ])
@@ -454,7 +456,7 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
           lineStyle: { color: t },
           itemStyle: { color: t, borderColor: "#fff", borderWidth: 2 },
           areaStyle: {
-            color: new T(0, 0, 0, 1, [
+            color: new k(0, 0, 0, 1, [
               { offset: 0, color: a.start },
               { offset: 1, color: a.end }
             ])
@@ -465,7 +467,7 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
           lineStyle: { color: t },
           itemStyle: { color: t, borderColor: "#fff", borderWidth: 2 },
           areaStyle: {
-            color: new T(0, 0, 0, 1, [
+            color: new k(0, 0, 0, 1, [
               { offset: 0, color: a.start },
               { offset: 1, color: a.end }
             ])
@@ -489,19 +491,19 @@ const je = { class: "panel-header" }, we = { class: "header-left" }, Ye = { clas
           }, G(X.value) + " - " + G(ne.value), 5)
         ])
       ]),
-      j("div", Ie, [
-        j("div", Me, G(W(_).yAxisLabel), 1),
+      j("div", Me, [
+        j("div", Ie, G(W(_).yAxisLabel), 1),
         j("div", {
           id: W(P),
           class: "chart-container",
           style: z({ cursor: W(_).jumpUrl ? "pointer" : "default" }),
           onClick: ie
-        }, null, 12, ke)
+        }, null, 12, Te)
       ]),
       xe(o.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-})), Qe = /* @__PURE__ */ De(Ue, [["__scopeId", "data-v-3cbafebc"]]);
+})), Xe = /* @__PURE__ */ De(Ue, [["__scopeId", "data-v-1a8b5d28"]]);
 export {
-  Qe as default
+  Xe as default
 };

package/dist/staticLine-BC-zj5yZ.cjs

@@ -0,0 +1 @@
+"use strict";var X=Object.defineProperty,Z=Object.defineProperties;var ee=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var te=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var T=(c,r,n)=>r in c?X(c,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):c[r]=n,k=(c,r)=>{for(var n in r||(r={}))te.call(r,n)&&T(c,n,r[n]);if(P)for(var n of P(r))ae.call(r,n)&&T(c,n,r[n]);return c},z=(c,r)=>Z(c,ee(r));var y=(c,r,n)=>new Promise((h,f)=>{var u=p=>{try{S(n.next(p))}catch(s){f(s)}},w=p=>{try{S(n.throw(p))}catch(s){f(s)}},S=p=>p.done?h(p.value):Promise.resolve(p.value).then(u,w);S((n=n.apply(c,r)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/select/style/css");require("element-plus/es/components/option/style/css");const e=require("vue"),le=require("./BaseComponent-Chnv4fBT.cjs"),d=require("./index-DVqMfQVc.cjs"),x=require("./composite-Cf24lSyN.cjs"),H=require("./ele-lin-icon-Dke_1AmT.cjs"),oe=require("./install-BRjgycz_.cjs"),L=require("./installCanvasRenderer-CyhM1Qpl.cjs"),ie=require("./install-C8buXQPI.cjs"),ne=require("./install-CltTFs4e.cjs"),re=require("./install-CYwVETsi.cjs"),F=require("./echarts-BB8O2KSA.cjs"),se={class:"mix-title"},ce={class:"text-[14px] font-semibold"},ue={class:"title-right"},de={DEFAULT_ICON:H.DEFAULT_ICON,ACTIVE_ICON:H.ACTIVE_ICON,NAME_CN:"统计曲线",NAME_EN:"Statistical curve",ORDER:5,PLATFORM:["pc","screen","mobile"]},pe={bgColor:"#fff",radiusSize:8,block:{value:"object",type:"select",options:[...x.statisticOptions],label:"component.pro.projectResult"}},me={DEFAULT:de,OPTIONS:pe},ve=e.defineComponent(z(k({},me),{__name:"staticLine",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(c){L.use([ie.install,L.install,ne.install,oe.install,L.install$1,re.install]);const r="staticLine_"+Math.random().toString(16).substring(4,12);let n=null,h=null,f=null,u={project:"",object:"",date:""};const w=c;class S extends le.BaseComponent{extractStyles(){return{bgColor:this.getOptionValue("bgColor","#fff"),radiusSize:this.getOptionValue("radiusSize",4),block:this.getOptionValue("block","object")}}init(){super.init(),e.nextTick(()=>{let t=document.querySelector("#"+r);t&&(n=F.init(t),h=d.elementResizeDetectorMaker({strategy:"scroll"}),h.listenTo(t,()=>n==null?void 0:n.resize()),n.setOption(D(),!0))})}onPreview(){return y(this,null,function*(){var t;M.value=yield U(),u=localStorage.getItem(this.Style.value.block)?JSON.parse(localStorage.getItem(this.Style.value.block)||"{}"):u,m.value=u.project||((t=M.value[0])==null?void 0:t.uid),u.project=m.value,q(m.value,"init")})}cleanup(){f&&clearInterval(f),h&&h.uninstall(document.querySelector("#"+r)),n&&n.clear(),n&&F.dispose(n),n=null}}const p=new S(w,"staticLine");p.setupLifecycle();const s=p.getStyle(),R=i=>{u.object=i,E()},J=i=>{u.date=i,E()},E=i=>y(null,null,function*(){let t=k({page_index:1,page_size:9999},x.lineResultMapping[s.value.block]);if(s.value.block==="object")t.start_time=V().start,t.end_time=V().end,t.keys=v.value,t.object_id=m.value;else{let a=["statistic","calculate"].includes(s.value.block)?"script_uid":"project_uid",l=x.timeFieldMapping[s.value.block]||"created";t.where_and=JSON.stringify([[l,">=",V().start],[l,"<=",V().end],[a,"=",m.value]]),s.value.block==="statistic"&&(t.where_in=JSON.stringify([["object_id",v.value.join(",")]]))}const{result:o}=yield new Promise(a=>{d.api.platform(l=>a(l),t)});localStorage.setItem(s.value.block,JSON.stringify(u)),O.value=Q[s.value.block](o),n==null||n.setOption(D(),!0),i||(f&&clearInterval(f),f=setInterval(()=>E(!0),3e4))}),b=e.ref("1hour"),V=()=>{if(b.value=u.date||b.value,b.value.includes("hour")){let i=d.dayjs().valueOf()-36e5*Number(b.value[0]);return{start:d.dayjs(i).format("YYYY-MM-DD HH:mm:ss"),end:d.dayjs().format("YYYY-MM-DD HH:mm:ss")}}return{start:d.dayjs().startOf(b.value).format("YYYY-MM-DD HH:mm:ss"),end:d.dayjs().endOf(b.value).format("YYYY-MM-DD HH:mm:ss")}},O=e.ref({}),D=()=>{let i=[];for(let t in O.value)i.push({name:O.value[t].name,type:"line",data:O.value[t].data});return{tooltip:{trigger:"axis"},grid:{left:"20",right:"20",bottom:"20",top:"30",containLabel:!0},xAxis:{type:"time",axisLabel:{formatter:{hour:"{HH}:00",day:"{M}月{d}日",month:"{YYYY}年{MM}月"}}},yAxis:{type:"value",splitLine:{lineStyle:{type:"dashed"}}},series:i}},U=()=>y(null,null,function*(){let i=k({},x.lineProjectMapping[s.value.block]);s.value.block==="object"&&(i.need_mosaic=!0);const{result:t}=yield new Promise(o=>{d.api.platform(a=>o(a),i)});return t.data}),M=e.ref([]),m=e.ref(""),Y=e.ref(""),v=e.ref([]),N=e.ref([]),q=(i,t)=>y(null,null,function*(){n&&n.clear(),v.value=[];let o=M.value.find(a=>a.uid===i);if(Y.value=(o==null?void 0:o.name)||"",u.project=i,!["calculate"].includes(s.value.block)){if(N.value=yield W[s.value.block](o),!N.value.length)return;v.value=t==="init"?u.object:[N.value[0].uid],u.object=v.value}E()});let I={};const $=()=>y(null,null,function*(){let i=[],t={block_mapping:"object",action:"get_object_item",uid:m.value};const{result:o}=yield new Promise(a=>{d.api.platform(l=>a(l),t)});return o.object_fv_map&&o.object_fv_map[m.value].forEach(a=>{I[a.fv]=a.label_local,i.push({name:a.label_local,uid:a.fv})}),i}),_=i=>y(null,null,function*(){let t=i.object_list;if(!t)return[];typeof t=="string"&&(t=JSON.parse(t));let o=k({where_in:JSON.stringify([["uid",t.join(",")]])},x.projectMapping.object);const{result:a}=yield new Promise(l=>{d.api.platform(g=>l(g),o)});return a.data}),G=i=>y(null,null,function*(){let t=k({where_and:JSON.stringify([["uid","=",i.balance_id]])},x.projectMapping.balance);const{result:o}=yield new Promise(a=>{d.api.platform(l=>a(l),t)});return _(o.data[0])}),K=i=>{var o,a;let t={};v.value.forEach(l=>{t[l]={name:I[l],data:[]}});for(let l in t)(a=(o=i[l])==null?void 0:o.data)==null||a.forEach((g,C)=>{t[l].data.push([i[l].datetime[C],g])});return t},j=i=>{let t=i.data,o={};return v.value.forEach(a=>{var l;o[a]={name:(l=N.value.find(g=>g.uid===a))==null?void 0:l.name,data:[]}}),t==null||t.forEach(a=>{var l,g,C;w.conf.module==="deviation"?(g=o[a.object_id])==null||g.data.push([a.created,(l=a.data)==null?void 0:l.Dev]):(C=o[a.object_id])==null||C.data.push([a.created,a.data["#_data"]])}),o},B=i=>{let t=i.data,o={};return t.forEach(a=>{o[a.object_id]?o[a.object_id].data.push([a.created,a.data]):o[a.object_id]={name:a.object_name,data:[[a.created,a.data]]}}),o},Q={object:K,statistic:B,calculate:B,index:j,balance:j,increment:j,risk:j,stability:j,deviation:j},W={object:$,statistic:_,index:_,balance:_,increment:G,risk:_,stability:_,deviation:_};return(i,t)=>{const o=A.ElOption,a=A.ElSelect;return e.openBlock(),e.createElementBlock("div",{class:"mix-component",style:e.normalizeStyle({background:e.unref(s).bgColor,borderRadius:`${e.unref(s).radiusSize}px`})},[e.createElementVNode("div",se,[e.createElementVNode("div",ce,e.toDisplayString(Y.value),1),e.createElementVNode("div",ue,[e.createVNode(a,{modelValue:m.value,"onUpdate:modelValue":t[0]||(t[0]=l=>m.value=l),style:{"max-width":"150px","margin-right":"12px"},filterable:"",onChange:q,virtual:!1,size:"small"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,l=>(e.openBlock(),e.createBlock(o,{key:l.uid,value:l.uid,label:l.name},null,8,["value","label"]))),128))]),_:1},8,["modelValue"]),e.unref(s).block!=="calculate"?(e.openBlock(),e.createBlock(a,{key:0,modelValue:v.value,"onUpdate:modelValue":t[1]||(t[1]=l=>v.value=l),style:{"min-width":"160px","max-width":"240px","margin-right":"12px"},onChange:R,filterable:"",multiple:"","collapse-tags":!0,"max-collapse-tags":1,virtual:!1,size:"small"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,l=>(e.openBlock(),e.createBlock(o,{key:l.uid,value:l.uid,label:l.name},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.name),1)]),_:2},1032,["value","label"]))),128))]),_:1},8,["modelValue"])):e.createCommentVNode("",!0),e.createVNode(a,{modelValue:b.value,"onUpdate:modelValue":t[2]||(t[2]=l=>b.value=l),style:{"min-width":"80px !important","max-width":"100px"},onChange:J,size:"small"},{default:e.withCtx(()=>[e.createVNode(o,{value:"1hour",key:"1hour",label:"1小时"}),e.createVNode(o,{value:"6hour",key:"6hour",label:"6小时"}),e.createVNode(o,{value:"day",key:"day",label:"当天"}),e.createVNode(o,{value:"week",key:"week",label:"本周"}),e.createVNode(o,{value:"month",key:"month",label:"本月"})]),_:1},8,["modelValue"])])]),e.createElementVNode("div",{class:"mix-body"},[e.createElementVNode("div",{id:r,style:{width:"100%",height:"100%"}})]),e.renderSlot(i.$slots,"default",{},void 0,!0)],4)}}})),fe=d._export_sfc(ve,[["__scopeId","data-v-0b166c49"]]);exports.default=fe;