mixdashboards 1.0.71 → 1.0.73

package/dist/groundwaterProfileChart-BxJKIPXF.cjs

@@ -0,0 +1,11 @@
+"use strict";var K=Object.defineProperty,Q=Object.defineProperties;var X=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols,Z=Object.getPrototypeOf,ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable,oe=Reflect.get;var L=(c,t,o)=>t in c?K(c,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):c[t]=o,B=(c,t)=>{for(var o in t||(t={}))ee.call(t,o)&&L(c,o,t[o]);if(T)for(var o of T(t))te.call(t,o)&&L(c,o,t[o]);return c},F=(c,t)=>Q(c,X(t));var W=(c,t,o)=>oe(Z(c),o,t);var z=(c,t,o)=>new Promise((h,y)=>{var x=v=>{try{d(o.next(v))}catch(I){y(I)}},w=v=>{try{d(o.throw(v))}catch(I){y(I)}},d=v=>v.done?h(v.value):Promise.resolve(v.value).then(x,w);d((o=o.apply(c,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const U=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/icon/style/css");const r=require("vue"),H=require("./index-DVqMfQVc.cjs");require("element-plus");const ne=require("./EChartComponentBase-dLE5F7Tt.cjs"),le=require("@element-plus/icons-vue"),Y=require("./ele-lin-icon-Dke_1AmT.cjs"),ae={class:"chart-panel"},re={class:"panel-header"},ie={class:"header-left"},se={class:"panel-title"},ce={class:"header-right"},ue=["id"],de={DEFAULT_ICON:Y.DEFAULT_ICON,ACTIVE_ICON:Y.ACTIVE_ICON,NAME_CN:"地下水位剖面图",NAME_EN:"Groundwater Profile Chart",ORDER:3,PLATFORM:["pc","screen"]},fe={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"},titleColor:{value:"#1c3d90",type:"color",label:"标题颜色"},slideSurfaceColor:{value:"#ff0000",type:"color",label:"潜在滑面颜色"},slideSurfaceWidth:{value:"6",type:"select",label:"滑面线宽",options:[{label:"细 (3px)",value:"3"},{label:"标准 (6px)",value:"6"},{label:"粗 (9px)",value:"9"}]},pointColor:{value:"#f5222d",type:"color",label:"监测点颜色"},pointSize:{value:"18",type:"select",label:"监测点大小",options:[{label:"小 (12)",value:"12"},{label:"标准 (18)",value:"18"},{label:"大 (24)",value:"24"}]},yMin:{value:"1100",type:"string",label:"Y轴最小值(标高m)"},yMax:{value:"1260",type:"string",label:"Y轴最大值(标高m)"},linkChannel:{value:"groundwater",type:"select",label:"component.linkChannel",options:[{label:"地下水监测",value:"groundwater"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"component.customChannel",showWhen:{linkChannel:"custom"}}},pe=[{name:"水面高程(m)",fv:"",object_id:"",device:""}],ve=["name","fv","object_id","device"],me=["mosaic"],ye={useAlias:!1,multiObject:!1,hideMultiObject:!0,source:"mosaic"},he=50,be={DEFAULT:de,OPTIONS:fe,DATA:pe,PARAMS:ve,SOURCE:me,ITEMS:he,COMMON:ye},ge=r.defineComponent(F(B({},be),{__name:"groundwaterProfileChart",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(c){const t=c,o=r.ref(new Map),h=r.ref([]);let y=0,x=null;class w extends ne.EChartComponentBase{extractStyles(){var s,f,p,i,m,E,u,S,b,P,g,A,C,j;const e=(s=this.props.conf)==null?void 0:s.options,a=((f=e==null?void 0:e.linkChannel)==null?void 0:f.value)||"groundwater",l=((p=e==null?void 0:e.customChannel)==null?void 0:p.value)||"";return{bgColor:((i=e==null?void 0:e.bgColor)==null?void 0:i.value)||"#f5f7fa",panelBgColor:((m=e==null?void 0:e.panelBgColor)==null?void 0:m.value)||"#ffffff",textColor:((E=e==null?void 0:e.textColor)==null?void 0:E.value)||"#333333",titleColor:((u=e==null?void 0:e.titleColor)==null?void 0:u.value)||"#1c3d90",title:((S=e==null?void 0:e.title)==null?void 0:S.value)||"地下水位及地层剖面结构分析",slideSurfaceColor:((b=e==null?void 0:e.slideSurfaceColor)==null?void 0:b.value)||"#ff0000",slideSurfaceWidth:parseInt(((P=e==null?void 0:e.slideSurfaceWidth)==null?void 0:P.value)||"6"),pointColor:((g=e==null?void 0:e.pointColor)==null?void 0:g.value)||"#f5222d",pointSize:parseInt(((A=e==null?void 0:e.pointSize)==null?void 0:A.value)||"18"),yMin:parseInt(((C=e==null?void 0:e.yMin)==null?void 0:C.value)||"1100"),yMax:parseInt(((j=e==null?void 0:e.yMax)==null?void 0:j.value)||"1260"),linkChannel:a==="custom"&&l?l:a}}getChartOption(){return k()}needsHistoryData(){return!1}onPreview(){return z(this,null,function*(){var a,l,s,f,p;const e=((l=(a=this.props.conf)==null?void 0:a.common)==null?void 0:l.object_id)||((p=(f=(s=this.props.conf)==null?void 0:s.data)==null?void 0:f[0])==null?void 0:p.object_id)||"";if(e&&h.value.length===0){h.value=[e],yield D([e]);return}yield W(w.prototype,this,"onPreview").call(this)})}setSocketData(e){var p;if(!e)return;const a=e.object_id||e.objectId||"";if(a&&h.value.length>0&&!h.value.includes(a))return;const l=((p=this.props.conf)==null?void 0:p.data)||[];let s=null,f="";if(l.forEach(i=>{if(i.fv){const m=this.extractDataValue(e,i.fv);m!=null&&(s=parseFloat(m))}if(i.device){const m=this.extractDataValue(e,i.device);m!=null&&String(m).trim()&&(f=String(m).trim())}}),a&&s!=null){const i=o.value.get(a);o.value.set(a,{name:f||(i==null?void 0:i.name)||a.slice(-6),elevation:s,region:(i==null?void 0:i.region)||"未知"}),o.value=new Map(o.value),this.chartObj&&this.chartObj.setOption(k(),!1)}}onLinkEvent(e){J(e)}}const d=new w(t,"groundwaterProfileChart");d.setupLifecycle();const v=d.getStyle(),I=d.getEchartId(),$=r.computed(()=>({backgroundColor:v.value.bgColor,color:v.value.textColor,"--title-color":v.value.titleColor})),O=()=>{o.value.clear(),[{id:"mock-1",name:"水位计01",elevation:1182.5,region:"北帮"},{id:"mock-2",name:"水位计02",elevation:1195.3,region:"北帮"},{id:"mock-3",name:"流量计01",elevation:1210.8,region:"南帮"}].forEach(e=>{o.value.set(e.id,{name:e.name,elevation:e.elevation,region:e.region})}),o.value=new Map(o.value)},k=()=>{const n=v.value,e=[];let a=0;for(const[,l]of o.value)e.push({name:l.name,value:[15+a*20,l.elevation],region:l.region,elevation:l.elevation}),a++;return e.length===0&&t.mode==="edit"&&e.push({name:"水位计01",value:[15,1182.5],region:"北帮",elevation:1182.5},{name:"水位计02",value:[35,1195.3],region:"北帮",elevation:1195.3},{name:"流量计01",value:[55,1210.8],region:"南帮",elevation:1210.8}),{title:{text:n.title,left:"center",top:10,textStyle:{color:n.titleColor,fontSize:14}},graphic:[{type:"group",left:"center",top:40,children:[{type:"rect",z:100,left:0,top:0,shape:{width:20,height:12},style:{fill:"none",stroke:"#333",lineWidth:1}},{type:"text",z:100,left:25,top:0,style:{fill:"#333",text:"潜在滑面位置",font:"12px sans-serif"}}]}],tooltip:{trigger:"item",backgroundColor:"rgba(0, 21, 41, 0.9)",borderColor:"#85C6F1",textStyle:{color:"#fff",fontSize:12},formatter:l=>{if(l.seriesName==="潜在滑面")return`<div style="padding:5px;">
+						<b style="color:#85C6F1;">潜在滑面位置</b><br/>
+						<hr style="margin:5px 0; opacity:0.3;">
+						所属区域：北帮<br/>
+						<b>监测标高：1250 m</b>
+					</div>`;const s=l.data||{},f=s.name||"监测点",p=s.region||"未知",i=s.elevation||(l.value?l.value[1]:"—");return`<div style="padding:5px;">
+					<b style="color:#85C6F1;">${f}</b><br/>
+					<hr style="margin:5px 0; opacity:0.3;">
+					所属区域：${p}<br/>
+					<b>监测标高：${i} m</b>
+				</div>`}},grid:{top:70,bottom:40,left:60,right:60},xAxis:{name:"水平距离(m)",type:"value",min:0,max:100,splitLine:{show:!1},axisLine:{lineStyle:{color:"#999"}}},yAxis:{name:"标高(m)",type:"value",min:n.yMin,max:n.yMax,splitLine:{show:!0,lineStyle:{type:"dashed",color:"#eee"}},axisLine:{lineStyle:{color:"#999"}}},series:[{type:"line",silent:!0,markArea:{label:{show:!0,position:"right",color:"#666",fontSize:10,fontStyle:"italic"},data:[[{name:"表层覆盖土",yAxis:1200,itemStyle:{color:"rgba(160, 130, 100, 0.2)"}},{yAxis:1260}],[{name:"强风化层",yAxis:1160,itemStyle:{color:"rgba(210, 180, 140, 0.2)"}},{yAxis:1200}],[{name:"中风化岩层",yAxis:1130,itemStyle:{color:"rgba(180, 190, 200, 0.2)"}},{yAxis:1160}],[{name:"稳定基岩",yAxis:1100,itemStyle:{color:"rgba(130, 140, 150, 0.2)"}},{yAxis:1130}]]}},{name:"潜在滑面",type:"line",data:[[0,n.yMin+30],[100,n.yMax-40]],symbol:"none",lineStyle:{color:n.slideSurfaceColor,width:n.slideSurfaceWidth,cap:"round"},markPoint:{data:[{coord:[85,n.yMin+30+(n.yMax-40-n.yMin-30)*.85],symbol:"circle",symbolSize:15,itemStyle:{color:"none",borderColor:"#333",borderWidth:1}}]},z:5},{name:"监测点位",type:"scatter",symbolSize:n.pointSize,data:e,z:10,itemStyle:{color:n.pointColor,borderColor:"#fff",borderWidth:2,shadowBlur:10,shadowColor:n.pointColor+"80"}}]}},N=()=>{const n=d.getChartInstance();n&&n.setOption(k(),!0)},G=()=>{const n=d.getChartInstance();if(!n)return;const e=document.createElement("a");e.href=n.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),e.download=`地下水位剖面图_${H.dayjs().format("YYYYMMDDHHmmss")}.png`,e.click()},J=n=>{const{payload:e}=n;if(!e)return;if(e.type==="filter"){e.dateRange&&Array.isArray(e.dateRange)&&e.dateRange.length===2&&(x={start_time:e.dateRange[0],end_time:e.dateRange[1]});const l=e.objectIds&&e.objectIds.length>0?e.objectIds:e.objectId?[e.objectId]:[];l.length>0&&(h.value=l,D(l,e.sensors)),(t.mode==="edit"||l.length===0)&&(O(),N());return}const a=e.objectId||e.object_id;a&&(h.value=[a],D([a]))},D=(n,e)=>z(null,null,function*(){var E;if(!n.length||t.mode!=="preview")return;const a=++y;o.value.clear(),e&&e.forEach(u=>{u.objectId&&o.value.set(u.objectId,{name:u.name,elevation:0,region:"未知"})});const l=(E=d.session)==null?void 0:E.value;if(!l)return;const s=t.conf.id;l.componentRequests&&l.componentRequests.delete(s),typeof l.unsubscribeComponent=="function"&&l.unsubscribeComponent(s);const{data:f,common:p}=t.conf;x&&(p.historyTimeRange=x),t.conf.options||(t.conf.options={});const i=t.conf.options.points,m=Object.prototype.hasOwnProperty.call(t.conf.options,"points");(!i||Number(i)<24)&&(t.conf.options.points=24);for(const u of n){if(y!==a)return;Array.isArray(f)&&f.forEach(b=>{b.object_id=u}),p.multiObject||(p.object_id=u);try{const b=yield Promise.resolve().then(()=>require("./history-MxYUUwkm.cjs")),g=yield new b.default().getHistoryData(t,"groundwaterProfileChart");if(y!==a)return;const A=(g==null?void 0:g.history)||(Array.isArray(g)?g:[]);A.length>0&&f.forEach((C,j)=>{if(!C.fv)return;const M=A[j];if(!Array.isArray(M)||M.length===0)return;const V=M[M.length-1],R=V[C.fv];if(R!=null){const _=o.value.get(u);let q=(_==null?void 0:_.name)||u.slice(-6);C.device&&V[C.device]&&(q=String(V[C.device])),o.value.set(u,{name:q,elevation:parseFloat(R),region:(_==null?void 0:_.region)||"未知"})}})}catch(b){console.warn("[地下水剖面图] 历史数据获取失败:",b)}if(y!==a)return;const S=d.getSource();d.subscribeBySource(S,u)}m?t.conf.options.points=i:delete t.conf.options.points,y===a&&(o.value=new Map(o.value),N(),l.registerComponent({id:s,request:null,onUpdate:(u,S)=>{y===a&&u==="realtime"&&d.setSocketData(S)}}))});return r.onMounted(()=>{t.mode==="edit"&&O(),setTimeout(()=>{var n;return(n=d.getChartInstance())==null?void 0:n.resize()},200)}),r.watch(()=>t.conf,()=>{t.mode==="edit"&&(O(),N())},{deep:!0}),(n,e)=>{const a=U.ElIcon,l=U.ElButton;return r.openBlock(),r.createElementBlock("div",{class:"gw-profile-chart",style:r.normalizeStyle($.value)},[r.createElementVNode("div",ae,[r.createElementVNode("div",re,[r.createElementVNode("div",ie,[e[0]||(e[0]=r.createElementVNode("span",{class:"indicator-dot"},null,-1)),r.createElementVNode("span",se,"🏔️ "+r.toDisplayString(r.unref(v).title),1)]),r.createElementVNode("div",ce,[r.createVNode(l,{size:"small",onClick:G},{default:r.withCtx(()=>[r.createVNode(a,null,{default:r.withCtx(()=>[r.createVNode(r.unref(le.Download))]),_:1}),e[1]||(e[1]=r.createElementVNode("span",null,"导出图像",-1))]),_:1})])]),r.createElementVNode("div",{id:r.unref(I),class:"chart-container"},null,8,ue)]),r.renderSlot(n.$slots,"default",{},void 0,!0)],4)}}})),Ce=H._export_sfc(ge,[["__scopeId","data-v-9e86c798"]]);exports.default=Ce;

package/dist/{groundwaterProfileChart-Bjtqz-Zv.js → groundwaterProfileChart-DoSx7WWp.js}

@@ -1,27 +1,27 @@
 var Q = Object.defineProperty, X = Object.defineProperties;
 var Z = Object.getOwnPropertyDescriptors;
-var F = Object.getOwnPropertySymbols, ee = Object.getPrototypeOf, te = Object.prototype.hasOwnProperty, oe = Object.prototype.propertyIsEnumerable, ne = Reflect.get;
+var W = Object.getOwnPropertySymbols, ee = Object.getPrototypeOf, te = Object.prototype.hasOwnProperty, oe = Object.prototype.propertyIsEnumerable, ne = Reflect.get;
 var V = (s, t, o) => t in s ? Q(s, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[t] = o, Y = (s, t) => {
   for (var o in t || (t = {}))
     te.call(t, o) && V(s, o, t[o]);
-  if (F)
-    for (var o of F(t))
+  if (W)
+    for (var o of W(t))
       oe.call(t, o) && V(s, o, t[o]);
   return s;
 }, H = (s, t) => X(s, Z(t));
 var U = (s, t, o) => ne(ee(s), o, t);
-var R = (s, t, o) => new Promise((y, v) => {
+var N = (s, t, o) => new Promise((y, v) => {
   var x = (p) => {
     try {
       u(o.next(p));
-    } catch (j) {
-      v(j);
+    } catch (A) {
+      v(A);
     }
   }, w = (p) => {
     try {
       u(o.throw(p));
-    } catch (j) {
-      v(j);
+    } catch (A) {
+      v(A);
     }
   }, u = (p) => p.done ? y(p.value) : Promise.resolve(p.value).then(x, w);
   u((o = o.apply(s, t)).next());
@@ -31,16 +31,18 @@ import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/icon/style/css";
 import { defineComponent as ie, ref as $, computed as re, onMounted as se, watch as ce, openBlock as ue, createElementBlock as de, normalizeStyle as fe, createElementVNode as C, toDisplayString as pe, unref as L, createVNode as T, withCtx as q, renderSlot as me } from "vue";
-import { g as ve, _ as ye } from "./index-Bdq33405.js";
-import { E as he } from "./EChartComponentBase-CAabYXSj.js";
+import { d as ve, _ as ye } from "./index-DwPJu6XM.js";
+import "element-plus";
+import { E as he } from "./EChartComponentBase-cFfawl6h.js";
 import { Download as be } from "@element-plus/icons-vue";
 import { A as ge, D as Ce } from "./ele-lin-icon-Dax-ZiWV.js";
-const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { class: "header-left" }, we = { class: "panel-title" }, je = { class: "header-right" }, Ae = ["id"], Ie = {
+const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { class: "header-left" }, we = { class: "panel-title" }, Ae = { class: "header-right" }, je = ["id"], Ie = {
   DEFAULT_ICON: Ce,
   ACTIVE_ICON: ge,
   NAME_CN: "地下水位剖面图",
   NAME_EN: "Groundwater Profile Chart",
-  ORDER: 3
+  ORDER: 3,
+  PLATFORM: ["pc", "screen"]
 }, Me = {
   title: { value: "地下水位及地层剖面结构分析", type: "string", label: "标题" },
   bgColor: { value: "#f5f7fa", type: "color", label: "setting.bgColor" },
@@ -88,12 +90,12 @@ const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { clas
   }
 }, ke = [
   { name: "水面高程(m)", fv: "", object_id: "", device: "" }
-], Ee = ["name", "fv", "object_id", "device"], Oe = ["mosaic"], De = {
+], Oe = ["name", "fv", "object_id", "device"], Ee = ["mosaic"], De = {
   useAlias: !1,
   multiObject: !1,
   hideMultiObject: !0,
   source: "mosaic"
-}, ze = 50, Ne = { DEFAULT: Ie, OPTIONS: Me, DATA: ke, PARAMS: Ee, SOURCE: Oe, ITEMS: ze, COMMON: De }, Pe = /* @__PURE__ */ ie(H(Y({}, Ne), {
+}, ze = 50, Pe = { DEFAULT: Ie, OPTIONS: Me, DATA: ke, PARAMS: Oe, SOURCE: Ee, ITEMS: ze, COMMON: De }, Re = /* @__PURE__ */ ie(H(Y({}, Pe), {
   __name: "groundwaterProfileChart",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -106,16 +108,16 @@ const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { clas
     let v = 0, x = null;
     class w extends he {
       extractStyles() {
-        var r, d, f, i, m, A, c, S, h, N, b, I, g, M;
+        var r, d, f, i, m, j, c, S, h, P, b, I, g, M;
         const e = (r = this.props.conf) == null ? void 0 : r.options, a = ((d = e == null ? void 0 : e.linkChannel) == null ? void 0 : d.value) || "groundwater", l = ((f = e == null ? void 0 : e.customChannel) == null ? void 0 : f.value) || "";
         return {
           bgColor: ((i = e == null ? void 0 : e.bgColor) == null ? void 0 : i.value) || "#f5f7fa",
           panelBgColor: ((m = e == null ? void 0 : e.panelBgColor) == null ? void 0 : m.value) || "#ffffff",
-          textColor: ((A = e == null ? void 0 : e.textColor) == null ? void 0 : A.value) || "#333333",
+          textColor: ((j = e == null ? void 0 : e.textColor) == null ? void 0 : j.value) || "#333333",
           titleColor: ((c = e == null ? void 0 : e.titleColor) == null ? void 0 : c.value) || "#1c3d90",
           title: ((S = e == null ? void 0 : e.title) == null ? void 0 : S.value) || "地下水位及地层剖面结构分析",
           slideSurfaceColor: ((h = e == null ? void 0 : e.slideSurfaceColor) == null ? void 0 : h.value) || "#ff0000",
-          slideSurfaceWidth: parseInt(((N = e == null ? void 0 : e.slideSurfaceWidth) == null ? void 0 : N.value) || "6"),
+          slideSurfaceWidth: parseInt(((P = e == null ? void 0 : e.slideSurfaceWidth) == null ? void 0 : P.value) || "6"),
           pointColor: ((b = e == null ? void 0 : e.pointColor) == null ? void 0 : b.value) || "#f5222d",
           pointSize: parseInt(((I = e == null ? void 0 : e.pointSize) == null ? void 0 : I.value) || "18"),
           yMin: parseInt(((g = e == null ? void 0 : e.yMin) == null ? void 0 : g.value) || "1100"),
@@ -124,7 +126,7 @@ const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { clas
         };
       }
       getChartOption() {
-        return O();
+        return E();
       }
       // 自身用 getHistoryData 拉真实历史，跳过基类默认 page_size=1 的 initHistory
       needsHistoryData() {
@@ -132,7 +134,7 @@ const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { clas
       }
       // 重写 onPreview：自身配置了 object_id 时初次挂载即拉历史 + 订阅
       onPreview() {
-        return R(this, null, function* () {
+        return N(this, null, function* () {
           var a, l, r, d, f;
           const e = ((l = (a = this.props.conf) == null ? void 0 : a.common) == null ? void 0 : l.object_id) || ((f = (d = (r = this.props.conf) == null ? void 0 : r.data) == null ? void 0 : d[0]) == null ? void 0 : f.object_id) || "";
           if (e && y.value.length === 0) {
@@ -164,7 +166,7 @@ const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { clas
             name: d || (i == null ? void 0 : i.name) || a.slice(-6),
             elevation: r,
             region: (i == null ? void 0 : i.region) || "未知"
-          }), o.value = new Map(o.value), this.chartObj && this.chartObj.setOption(O(), !1);
+          }), o.value = new Map(o.value), this.chartObj && this.chartObj.setOption(E(), !1);
         }
       }
       onLinkEvent(e) {
@@ -173,11 +175,11 @@ const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { clas
     }
     const u = new w(t, "groundwaterProfileChart");
     u.setupLifecycle();
-    const p = u.getStyle(), j = u.getEchartId(), G = re(() => ({
+    const p = u.getStyle(), A = u.getEchartId(), G = re(() => ({
       backgroundColor: p.value.bgColor,
       color: p.value.textColor,
       "--title-color": p.value.titleColor
-    })), E = () => {
+    })), O = () => {
       o.value.clear(), [
         { id: "mock-1", name: "水位计01", elevation: 1182.5, region: "北帮" },
         { id: "mock-2", name: "水位计02", elevation: 1195.3, region: "北帮" },
@@ -185,7 +187,7 @@ const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { clas
       ].forEach((e) => {
         o.value.set(e.id, { name: e.name, elevation: e.elevation, region: e.region });
       }), o.value = new Map(o.value);
-    }, O = () => {
+    }, E = () => {
       const n = p.value, e = [];
       let a = 0;
       for (const [, l] of o.value)
@@ -323,7 +325,7 @@ const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { clas
       };
     }, D = () => {
       const n = u.getChartInstance();
-      n && n.setOption(O(), !0);
+      n && n.setOption(E(), !0);
     }, J = () => {
       const n = u.getChartInstance();
       if (!n) return;
@@ -335,19 +337,19 @@ const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { clas
       if (e.type === "filter") {
         e.dateRange && Array.isArray(e.dateRange) && e.dateRange.length === 2 && (x = { start_time: e.dateRange[0], end_time: e.dateRange[1] });
         const l = e.objectIds && e.objectIds.length > 0 ? e.objectIds : e.objectId ? [e.objectId] : [];
-        l.length > 0 && (y.value = l, z(l, e.sensors)), (t.mode === "edit" || l.length === 0) && (E(), D());
+        l.length > 0 && (y.value = l, z(l, e.sensors)), (t.mode === "edit" || l.length === 0) && (O(), D());
         return;
       }
       const a = e.objectId || e.object_id;
       a && (y.value = [a], z([a]));
-    }, z = (n, e) => R(null, null, function* () {
-      var A;
+    }, z = (n, e) => N(null, null, function* () {
+      var j;
       if (!n.length || t.mode !== "preview") return;
       const a = ++v;
       o.value.clear(), e && e.forEach((c) => {
         c.objectId && o.value.set(c.objectId, { name: c.name, elevation: 0, region: "未知" });
       });
-      const l = (A = u.session) == null ? void 0 : A.value;
+      const l = (j = u.session) == null ? void 0 : j.value;
       if (!l) return;
       const r = t.conf.id;
       l.componentRequests && l.componentRequests.delete(r), typeof l.unsubscribeComponent == "function" && l.unsubscribeComponent(r);
@@ -361,19 +363,19 @@ const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { clas
           h.object_id = c;
         }), f.multiObject || (f.object_id = c);
         try {
-          const h = yield import("./history-D6C3tSut.js"), b = yield new h.default().getHistoryData(t, "groundwaterProfileChart");
+          const h = yield import("./history-BZ869y2d.js"), b = yield new h.default().getHistoryData(t, "groundwaterProfileChart");
           if (v !== a) return;
           const I = (b == null ? void 0 : b.history) || (Array.isArray(b) ? b : []);
           I.length > 0 && d.forEach((g, M) => {
             if (!g.fv) return;
             const k = I[M];
             if (!Array.isArray(k) || k.length === 0) return;
-            const P = k[k.length - 1], B = P[g.fv];
+            const R = k[k.length - 1], B = R[g.fv];
             if (B != null) {
               const _ = o.value.get(c);
-              let W = (_ == null ? void 0 : _.name) || c.slice(-6);
-              g.device && P[g.device] && (W = String(P[g.device])), o.value.set(c, {
-                name: W,
+              let F = (_ == null ? void 0 : _.name) || c.slice(-6);
+              g.device && R[g.device] && (F = String(R[g.device])), o.value.set(c, {
+                name: F,
                 elevation: parseFloat(B),
                 region: (_ == null ? void 0 : _.region) || "未知"
               });
@@ -395,12 +397,12 @@ const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { clas
       }));
     });
     return se(() => {
-      t.mode === "edit" && E(), setTimeout(() => {
+      t.mode === "edit" && O(), setTimeout(() => {
         var n;
         return (n = u.getChartInstance()) == null ? void 0 : n.resize();
       }, 200);
     }), ce(() => t.conf, () => {
-      t.mode === "edit" && (E(), D());
+      t.mode === "edit" && (O(), D());
     }, { deep: !0 }), (n, e) => {
       const a = ae, l = le;
       return ue(), de("div", {
@@ -413,7 +415,7 @@ const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { clas
               e[0] || (e[0] = C("span", { class: "indicator-dot" }, null, -1)),
               C("span", we, "🏔️ " + pe(L(p).title), 1)
             ]),
-            C("div", je, [
+            C("div", Ae, [
               T(l, {
                 size: "small",
                 onClick: J
@@ -432,15 +434,15 @@ const Se = { class: "chart-panel" }, _e = { class: "panel-header" }, xe = { clas
             ])
           ]),
           C("div", {
-            id: L(j),
+            id: L(A),
             class: "chart-container"
-          }, null, 8, Ae)
+          }, null, 8, je)
         ]),
         me(n.$slots, "default", {}, void 0, !0)
       ], 4);
     };
   }
-})), $e = /* @__PURE__ */ ye(Pe, [["__scopeId", "data-v-c04dcd8b"]]);
+})), qe = /* @__PURE__ */ ye(Re, [["__scopeId", "data-v-9e86c798"]]);
 export {
-  $e as default
+  qe as default
 };

package/dist/groundwaterTimeCurve-Bp5MxM9k.cjs

@@ -0,0 +1 @@
+"use strict";var ve=Object.defineProperty,he=Object.defineProperties;var ge=Object.getOwnPropertyDescriptors;var J=Object.getOwnPropertySymbols,be=Object.getPrototypeOf,ye=Object.prototype.hasOwnProperty,Ce=Object.prototype.propertyIsEnumerable,_e=Reflect.get;var Q=(p,a,r)=>a in p?ve(p,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):p[a]=r,X=(p,a)=>{for(var r in a||(a={}))ye.call(a,r)&&Q(p,r,a[r]);if(J)for(var r of J(a))Ce.call(a,r)&&Q(p,r,a[r]);return p},ee=(p,a)=>he(p,ge(a));var U=(p,a,r)=>_e(be(p),r,a);var Y=(p,a,r)=>new Promise((k,g)=>{var v=x=>{try{V(r.next(x))}catch(O){g(O)}},E=x=>{try{V(r.throw(x))}catch(O){g(O)}},V=x=>x.done?k(x.value):Promise.resolve(x.value).then(v,E);V((r=r.apply(p,a)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/popover/style/css");require("element-plus/es/components/checkbox-group/style/css");require("element-plus/es/components/checkbox/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/icon/style/css");const t=require("vue"),B=require("./index-DVqMfQVc.cjs");require("element-plus");const xe=require("./EChartComponentBase-dLE5F7Tt.cjs"),te=require("@element-plus/icons-vue"),oe=require("./ele-lin-icon-Dke_1AmT.cjs"),Se={class:"chart-panel"},we={class:"panel-header"},Ee={class:"header-left"},Ne={class:"panel-title"},je={class:"header-right"},ke={class:"indicator-selector-panel"},Ve={class:"indicator-select-all"},Ae={class:"legend-bar"},Ie={class:"legend-items"},Me=["onClick"],Oe={class:"legend-text"},Le=["id"],De={DEFAULT_ICON:oe.DEFAULT_ICON,ACTIVE_ICON:oe.ACTIVE_ICON,NAME_CN:"地下水指标时序曲线",NAME_EN:"Groundwater Time Curve",ORDER:2,PLATFORM:["pc","screen"]},Te={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"},titleColor:{value:"#1c3d90",type:"color",label:"标题颜色"},gridColor:{value:"#f0f0f0",type:"color",label:"网格线颜色"},lineWidth:{value:"2.5",type:"select",label:"曲线粗细",options:[{label:"细 (1px)",value:"1"},{label:"标准 (2.5px)",value:"2.5"},{label:"粗 (4px)",value:"4"}]},smoothLine:{value:"true",type:"select",label:"曲线平滑",options:[{label:"平滑",value:"true"},{label:"折线",value:"false"}]},yAxisLabel:{value:"监测数值",type:"string",label:"Y轴标签"},linkChannel:{value:"groundwater",type:"select",label:"component.linkChannel",options:[{label:"地下水监测",value:"groundwater"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"component.customChannel",showWhen:{linkChannel:"custom"}}},$e=[{name:"水面高程(m)",fv:"",object_id:"",color:"#5470c6",device:""},{name:"空管长度(m)",fv:"",object_id:"",color:"#ee6666",device:""},{name:"水位(m)",fv:"",object_id:"",color:"#fac858",device:""},{name:"流量(m³/h)",fv:"",object_id:"",color:"#91cc75",device:""}],Be=["name","fv","object_id","color","device"],qe=["mosaic","statistics","calculate"],Ye={useAlias:!1,multiObject:!1,hideMultiObject:!0,source:"mosaic"},Pe=50,Re={DEFAULT:De,OPTIONS:Te,DATA:$e,PARAMS:Be,SOURCE:qe,ITEMS:Pe,COMMON:Ye},Fe=t.defineComponent(ee(X({},Re),{__name:"groundwaterTimeCurve",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(p){const a=p,r=new Map,k=new Map,g=t.ref(new Map),v=t.ref([]);let E=0,V=null;const x=t.computed(()=>{var l,e;return(e=(l=a.conf)==null?void 0:l.common)!=null&&e.object_id?!0:P.value.some(n=>!!n.object_id)}),O=t.computed(()=>x.value||v.value.length>0);class q extends xe.EChartComponentBase{extractStyles(){var c,f,m,o,u,s,d,w,y,A,N,D;const e=(c=this.props.conf)==null?void 0:c.options,n=((f=e==null?void 0:e.linkChannel)==null?void 0:f.value)||"groundwater",i=((m=e==null?void 0:e.customChannel)==null?void 0:m.value)||"";return{bgColor:((o=e==null?void 0:e.bgColor)==null?void 0:o.value)||"#f5f7fa",panelBgColor:((u=e==null?void 0:e.panelBgColor)==null?void 0:u.value)||"#ffffff",textColor:((s=e==null?void 0:e.textColor)==null?void 0:s.value)||"#333333",titleColor:((d=e==null?void 0:e.titleColor)==null?void 0:d.value)||"#1c3d90",gridColor:((w=e==null?void 0:e.gridColor)==null?void 0:w.value)||"#f0f0f0",lineWidth:parseFloat(((y=e==null?void 0:e.lineWidth)==null?void 0:y.value)||"2.5"),smoothLine:(((A=e==null?void 0:e.smoothLine)==null?void 0:A.value)||"true")==="true",yAxisLabel:((N=e==null?void 0:e.yAxisLabel)==null?void 0:N.value)||"监测数值",title:((D=e==null?void 0:e.title)==null?void 0:D.value)||"地下水监测关键指标时序曲线",linkChannel:n==="custom"&&i?i:n}}getChartOption(){return F(this.Style.value)}initHistory(){return Y(this,null,function*(){const e=this.props.conf;if(!e)return[];e.options||(e.options={});const n=e.options.points,i=Object.prototype.hasOwnProperty.call(e.options,"points");(!n||Number(n)<24)&&(e.options.points=24);try{return yield U(q.prototype,this,"initHistory").call(this)}finally{i?e.options.points=n:delete e.options.points}})}onPreview(){return Y(this,null,function*(){var n,i,c,f,m;const e=((i=(n=this.props.conf)==null?void 0:n.common)==null?void 0:i.object_id)||((m=(f=(c=this.props.conf)==null?void 0:c.data)==null?void 0:f[0])==null?void 0:m.object_id)||"";if(e&&v.value.length===0){v.value=[e],yield H([e]);return}yield U(q.prototype,this,"onPreview").call(this)})}setSocketData(e){var m;if(!e)return;const n=e.object_id||e.objectId||"";if(n&&v.value.length>0&&!v.value.includes(n))return;const i=e.datetime?e.datetime.split(".")[0]:B.dayjs().format("YYYY/MM/DD HH:mm"),c=((m=this.props.conf)==null?void 0:m.data)||[],f=v.value.length>1;c.forEach(o=>{if(o.device){const u=this.extractDataValue(e,o.device);if(u!=null&&String(u).trim()){const s=String(u).trim();f&&n?g.value.set(n,s):(k.set(o.name||o.fv,s),n&&g.value.set(n,s))}}}),c.forEach(o=>{if(!o.fv)return;const u=this.extractDataValue(e,o.fv);if(u==null)return;const s=f&&n?`${n}:${o.name||o.fv}`:o.name||o.fv,d=r.get(s);d?(d.times.push(i),d.values.push(parseFloat(u)),d.times.length>200&&(d.times.shift(),d.values.shift())):r.set(s,{times:[i],values:[parseFloat(u)]})}),this.chartObj&&this.chartObj.setOption(F(this.Style.value),!1)}onLinkEvent(e){de(e)}}const _=new q(a,"groundwaterTimeCurve");_.setupLifecycle();const L=_.getStyle(),ne=_.getEchartId(),P=t.computed(()=>{var l;return((l=a.conf)==null?void 0:l.data)||[]}),b=t.computed(()=>{const l=new Set;return P.value.filter(e=>e.name&&!l.has(e.name)?(l.add(e.name),!0):!1)}),h=t.ref([]);t.watch(b,l=>{l.length>0&&h.value.length===0&&(h.value=l.map(e=>e.fv||e.name))},{immediate:!0});const W=t.computed({get:()=>b.value.length>0&&h.value.length===b.value.length,set:()=>{}}),le=t.computed(()=>{const l=h.value.length;return l>0&&l<b.value.length}),ae=t.computed(()=>{if(h.value.length===0)return"选择监测指标";if(h.value.length===b.value.length)return"全部指标已选";const e=b.value.filter(n=>h.value.includes(n.fv||n.name)).map(n=>n.name).join(", ");return e.length>14?e.substring(0,14)+"...":e}),se=l=>{h.value=l?b.value.map(e=>e.fv||e.name):[],I()},S=t.ref(new Set),re=t.computed(()=>{if(v.value.length>1){const e=[];for(const n of v.value){const i=g.value.get(n)||n.slice(-6);b.value.filter(c=>h.value.includes(c.fv||c.name)).forEach(c=>{e.push({name:`${i}-${c.name}`,color:c.color||"#5470c6",visible:!S.value.has(`${n}:${c.name}`)})})}return e}return b.value.filter(e=>h.value.includes(e.fv||e.name)).map(e=>{const n=k.get(e.name)||g.value.values().next().value||"";return{name:n?`${n}-${e.name}`:e.name,color:e.color||"#5470c6",visible:!S.value.has(e.name)}})}),ie=l=>{const e=l.name.includes("-")?l.name.split("-").slice(1).join("-"):l.name;S.value.has(e)?S.value.delete(e):S.value.add(e),S.value=new Set(S.value),I()},ce=t.computed(()=>({backgroundColor:L.value.bgColor,color:L.value.textColor,"--title-color":L.value.titleColor})),R=()=>{r.clear();const l=B.dayjs(),e=[1182,3.5,8.2,.45],n=[5,1.2,3,.15];P.value.forEach((i,c)=>{const f=[],m=[],o=e[c%4],u=n[c%4];for(let s=0;s<100;s++)f.push(l.subtract((100-s)*15,"minute").format("YYYY/MM/DD HH:mm")),m.push(+(o+(Math.random()-.5)*u+Math.sin(s/10)*u*.3).toFixed(2));r.set(i.name,{times:f,values:m})})},F=l=>{if(a.mode!=="edit"&&(!O.value||r.size===0))return{xAxis:{type:"category",data:[]},yAxis:{type:"value"},series:[]};let e=[];for(const[,o]of r)o.times.length>e.length&&(e=o.times);!e.length&&a.mode==="edit"&&(e=Array.from({length:50},(o,u)=>B.dayjs().subtract((50-u)*15,"minute").format("YYYY/MM/DD HH:mm")));const n={},i=v.value.length>1,c=["#5470c6","#ee6666","#fac858","#91cc75","#73c0de","#3ba272","#fc8452","#9a60b4"];let f=0,m=[];if(i&&a.mode!=="edit")for(const o of v.value){const u=g.value.get(o)||o.slice(-6);b.value.filter(s=>h.value.includes(s.fv||s.name)).forEach(s=>{const d=`${o}:${s.name}`,w=`${u}-${s.name}`,y=s.color||c[f%c.length];n[w]=!S.value.has(d);const A=r.get(d);m.push({name:w,type:"line",smooth:l.smoothLine,showSymbol:!1,data:(A==null?void 0:A.values)||[],lineStyle:{color:y,width:l.lineWidth,type:"solid"},itemStyle:{color:y}}),f++})}else m=b.value.filter(o=>h.value.includes(o.fv||o.name)).map(o=>{const u=k.get(o.name)||g.value.values().next().value||"",s=u?`${u}-${o.name}`:o.name;n[s]=!S.value.has(o.name);const d=r.get(o.name);return{name:s,type:"line",smooth:l.smoothLine,showSymbol:!1,data:(d==null?void 0:d.values)||[],lineStyle:{color:o.color||"#5470c6",width:l.lineWidth,type:"solid"},itemStyle:{color:o.color||"#5470c6"}}});return{tooltip:{trigger:"axis",backgroundColor:"rgba(255,255,255,0.96)",borderColor:"#1c3d90",borderWidth:1,textStyle:{color:"#333",fontSize:12},axisPointer:{type:"cross"}},legend:{show:!1,selected:n},grid:{top:15,right:40,bottom:60,left:60},xAxis:{type:"category",data:e,axisLine:{lineStyle:{color:l.gridColor}},axisLabel:{color:l.textColor,fontSize:11,rotate:15,interval:"auto",formatter:o=>{var u;if(o&&o.length>6){const s=o.split(" ");return(((u=s[0])==null?void 0:u.split("/").slice(1).join("/"))||"")+(s[1]?" "+s[1]:"")}return o}},axisTick:{show:!1},boundaryGap:!1},yAxis:{type:"value",name:l.yAxisLabel,scale:!0,axisLine:{show:!1},axisLabel:{color:l.textColor,fontSize:11},splitLine:{lineStyle:{color:l.gridColor,type:"dashed"}}},dataZoom:[{type:"inside",xAxisIndex:0,filterMode:"none"},{type:"slider",height:18,bottom:8,borderColor:"transparent",backgroundColor:"#f0f0f0",fillerColor:"rgba(28, 61, 144, 0.2)",handleStyle:{color:"#1c3d90"},textStyle:{fontSize:10}}],series:m}},I=()=>{const l=_.getChartInstance();l&&l.setOption(F(L.value),!0)},ue=()=>{const l=_.getChartInstance();if(!l)return;const e=document.createElement("a");e.href=l.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),e.download=`地下水指标时序曲线_${B.dayjs().format("YYYYMMDDHHmmss")}.png`,e.click()},de=l=>{const{payload:e}=l;if(!e)return;if(e.type==="filter"){e.dateRange&&Array.isArray(e.dateRange)&&e.dateRange.length===2&&(V={start_time:e.dateRange[0],end_time:e.dateRange[1]});const i=e.objectIds&&e.objectIds.length>0?e.objectIds:e.objectId?[e.objectId]:[];i.length>0&&(v.value=i,H(i)),(a.mode==="edit"||i.length===0)&&(R(),I());return}const n=e.objectId||e.object_id;n&&(v.value=[n],H([n]))},H=l=>Y(null,null,function*(){var s;if(!l.length||a.mode!=="preview")return;const e=++E;r.clear(),g.value.clear(),k.clear();const n=(s=_.session)==null?void 0:s.value;if(!n)return;const i=a.conf.id;n.componentRequests&&n.componentRequests.delete(i),typeof n.unsubscribeComponent=="function"&&n.unsubscribeComponent(i);const{data:c,common:f}=a.conf,m=l.length>1;V&&(f.historyTimeRange=V),a.conf.options||(a.conf.options={});const o=a.conf.options.points,u=Object.prototype.hasOwnProperty.call(a.conf.options,"points");(!o||Number(o)<24)&&(a.conf.options.points=24);for(const d of l){if(E!==e)return;Array.isArray(c)&&c.forEach(y=>{y.object_id=d}),f.multiObject||(f.object_id=d);try{const y=yield Promise.resolve().then(()=>require("./history-MxYUUwkm.cjs")),N=yield new y.default().getHistoryData(a,"groundwaterTimeCurve");if(E!==e)return;const D=(N==null?void 0:N.history)||(Array.isArray(N)?N:[]);D.length>0&&c.forEach((C,fe)=>{if(!C.fv)return;const K=D[fe];if(!Array.isArray(K))return;const me=[...K].sort((j,T)=>new Date(j.time||j.datetime||"").getTime()-new Date(T.time||T.datetime||"").getTime()),pe=m?`${d}:${C.name||C.fv}`:C.name||C.fv,z=[],Z=[];me.forEach(j=>{const T=j.time||j.datetime,G=j[C.fv];if(T&&G!=null){const M=parseFloat(G);isNaN(M)||(z.push(T.split(".")[0]),Z.push(M))}if(C.device&&j[C.device]){const M=String(j[C.device]);m||k.set(C.name||C.fv,M),g.value.set(d,M)}}),z.length>0&&r.set(pe,{times:z,values:Z})})}catch(y){console.warn("[地下水时序曲线] 历史数据获取失败:",y)}if(E!==e)return;const w=_.getSource();_.subscribeBySource(w,d)}u?a.conf.options.points=o:delete a.conf.options.points,E===e&&(I(),n.registerComponent({id:i,request:null,onUpdate:(d,w)=>{E===e&&d==="realtime"&&_.setSocketData(w)}}))});return t.onMounted(()=>{a.mode==="edit"&&R(),setTimeout(()=>{var l;return(l=_.getChartInstance())==null?void 0:l.resize()},200)}),t.watch(()=>a.conf,()=>{a.mode==="edit"&&(R(),I())},{deep:!0}),(l,e)=>{const n=$.ElIcon,i=$.ElButton,c=$.ElCheckbox,f=$.ElCheckboxGroup,m=$.ElPopover;return t.openBlock(),t.createElementBlock("div",{class:"gw-time-curve",style:t.normalizeStyle(ce.value)},[t.createElementVNode("div",Se,[t.createElementVNode("div",we,[t.createElementVNode("div",Ee,[e[2]||(e[2]=t.createElementVNode("span",{class:"indicator-dot"},null,-1)),t.createElementVNode("span",Ne,"📊 "+t.toDisplayString(t.unref(L).title),1)]),t.createElementVNode("div",je,[t.createVNode(m,{placement:"bottom-start",width:220,trigger:"click"},{reference:t.withCtx(()=>[t.createVNode(i,{size:"small"},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(ae.value)+" ",1),t.createVNode(n,{class:"el-icon--right"},{default:t.withCtx(()=>[t.createVNode(t.unref(te.ArrowDown))]),_:1})]),_:1})]),default:t.withCtx(()=>[t.createElementVNode("div",ke,[t.createElementVNode("div",Ve,[t.createVNode(c,{modelValue:W.value,"onUpdate:modelValue":e[0]||(e[0]=o=>W.value=o),indeterminate:le.value,onChange:se},{default:t.withCtx(()=>[...e[3]||(e[3]=[t.createTextVNode(" 全部指标 ",-1)])]),_:1},8,["modelValue","indeterminate"])]),t.createVNode(f,{modelValue:h.value,"onUpdate:modelValue":e[1]||(e[1]=o=>h.value=o),onChange:I},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(b.value,o=>(t.openBlock(),t.createBlock(c,{key:o.fv,label:o.fv,class:"indicator-checkbox-item"},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(o.name),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])]),_:1}),t.createVNode(i,{size:"small",onClick:ue},{default:t.withCtx(()=>[t.createVNode(n,null,{default:t.withCtx(()=>[t.createVNode(t.unref(te.Download))]),_:1}),e[4]||(e[4]=t.createElementVNode("span",null,"导出图像",-1))]),_:1})])]),t.createElementVNode("div",Ae,[t.createElementVNode("div",Ie,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(re.value,o=>(t.openBlock(),t.createElementBlock("span",{key:o.name,class:t.normalizeClass(["legend-item",{disabled:!o.visible}]),onClick:u=>ie(o)},[t.createElementVNode("span",{class:"legend-line",style:t.normalizeStyle({borderTopColor:o.visible?o.color:"#ccc",borderTopStyle:"solid"})},null,4),t.createElementVNode("span",Oe,t.toDisplayString(o.name),1)],10,Me))),128))])]),t.createElementVNode("div",{id:t.unref(ne),class:"chart-container"},null,8,Le)]),t.renderSlot(l.$slots,"default",{},void 0,!0)],4)}}})),He=B._export_sfc(Fe,[["__scopeId","data-v-3513c260"]]);exports.default=He;