mixdashboards 1.0.71 → 1.0.73

package/dist/{rainfallFilterBar-Bhpadat8.js → rainfallFilterBar-CiT1mvYh.js}

@@ -1,31 +1,32 @@
 var I = Object.defineProperty, x = Object.defineProperties;
 var F = Object.getOwnPropertyDescriptors;
 var E = Object.getOwnPropertySymbols;
-var z = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
-var M = (r, o, s) => o in r ? I(r, o, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[o] = s, k = (r, o) => {
+var z = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
+var M = (r, o, s) => o in r ? I(r, o, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[o] = s, A = (r, o) => {
   for (var s in o || (o = {}))
     z.call(o, s) && M(r, s, o[s]);
   if (E)
     for (var s of E(o))
-      U.call(o, s) && M(r, s, o[s]);
+      L.call(o, s) && M(r, s, o[s]);
   return r;
-}, A = (r, o) => x(r, F(o));
-import { ElSelect as W, ElOption as L, ElDatePicker as P, ElButton as $ } from "element-plus/es";
+}, k = (r, o) => x(r, F(o));
+import { ElSelect as U, ElOption as W, ElDatePicker as P, ElButton as $ } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/date-picker/style/css";
 import "element-plus/es/components/select/style/css";
 import "element-plus/es/components/option/style/css";
 import { defineComponent as Q, computed as b, reactive as q, openBlock as c, createElementBlock as v, normalizeStyle as G, createElementVNode as i, createVNode as d, withCtx as y, Fragment as R, renderList as h, createBlock as S, normalizeClass as J, toDisplayString as K, createTextVNode as X, renderSlot as Z } from "vue";
-import { B as ee } from "./BaseComponent-D5tlYehc.js";
-import { g as Y, _ as te } from "./index-Bdq33405.js";
+import { B as ee } from "./BaseComponent-CBagahPU.js";
+import { d as Y, _ as te } from "./index-DwPJu6XM.js";
 import { A as le, D as ne } from "./ele-vlu-icon-Bg6EHZdJ.js";
 const ae = { class: "filter-bar" }, oe = { class: "filter-item" }, se = { class: "filter-item" }, re = { class: "filter-item" }, ie = { class: "time-range-btns" }, ce = ["onClick"], me = { class: "filter-item" }, ue = {
   DEFAULT_ICON: ne,
   ACTIVE_ICON: le,
   NAME_CN: "降雨筛选栏",
   NAME_EN: "Rainfall Filter Bar",
-  ORDER: 1
+  ORDER: 1,
+  PLATFORM: ["pc", "screen"]
 }, de = {
   bgColor: { value: "#ffffff", type: "color", label: "setting.bgColor" },
   linkChannel: {
@@ -53,7 +54,7 @@ const ae = { class: "filter-bar" }, oe = { class: "filter-item" }, se = { class:
   useAlias: !1,
   multiObject: !0,
   source: "mosaic"
-}, ve = 50, _e = { DEFAULT: ue, OPTIONS: de, DATA: pe, PARAMS: fe, SOURCE: ge, ITEMS: ve, COMMON: be }, Ce = /* @__PURE__ */ Q(A(k({}, _e), {
+}, ve = 50, _e = { DEFAULT: ue, OPTIONS: de, DATA: pe, PARAMS: fe, SOURCE: ge, ITEMS: ve, COMMON: be }, Ce = /* @__PURE__ */ Q(k(A({}, _e), {
   __name: "rainfallFilterBar",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -87,7 +88,7 @@ const ae = { class: "filter-bar" }, oe = { class: "filter-item" }, se = { class:
     }), D = b(() => {
       let t = p.value;
       return n.region && (t = t.filter((e) => e.region === n.region)), t.map((e) => ({ label: e.name, value: e.name }));
-    }), B = [
+    }), T = [
       { label: "一天内", value: "1d" },
       { label: "一周内", value: "1w" },
       { label: "一个月内", value: "1m" }
@@ -99,16 +100,16 @@ const ae = { class: "filter-bar" }, oe = { class: "filter-item" }, se = { class:
         Y().subtract(1, "day").format("YYYY/MM/DD HH:mm"),
         Y().format("YYYY/MM/DD HH:mm")
       ]
-    }), T = () => {
+    }), B = () => {
       const t = D.value;
       n.points = t.length > 0 ? [t[0].value] : [];
-    }, V = (t) => {
+    }, O = (t) => {
       n.timeRange = t;
       const e = Y(), a = t === "1d" ? e.subtract(1, "day") : t === "1w" ? e.subtract(1, "week") : e.subtract(1, "month");
       n.dateRange = [a.format("YYYY/MM/DD HH:mm"), e.format("YYYY/MM/DD HH:mm")];
-    }, H = () => {
+    }, V = () => {
       n.timeRange = "";
-    }, O = () => {
+    }, H = () => {
       if (o.mode === "edit" || n.points.length === 0) return;
       const t = p.value.filter((a) => n.points.includes(a.name)), e = [...new Set(t.map((a) => a.object_id).filter(Boolean))];
       if (e.length === 0) {
@@ -127,7 +128,7 @@ const ae = { class: "filter-bar" }, oe = { class: "filter-item" }, se = { class:
       });
     }, N = b(() => ({ backgroundColor: j.value.bgColor }));
     return (t, e) => {
-      const a = L, u = W, f = P, g = $;
+      const a = W, u = U, f = P, g = $;
       return c(), v("div", {
         class: "rainfall-filter-bar-wrap",
         style: G(N.value)
@@ -141,7 +142,7 @@ const ae = { class: "filter-bar" }, oe = { class: "filter-item" }, se = { class:
               placeholder: "全部区域",
               size: "small",
               style: { width: "120px" },
-              onChange: T
+              onChange: B
             }, {
               default: y(() => [
                 d(a, {
@@ -182,10 +183,10 @@ const ae = { class: "filter-bar" }, oe = { class: "filter-item" }, se = { class:
           i("div", re, [
             e[5] || (e[5] = i("span", { class: "filter-label" }, "时间范围:", -1)),
             i("div", ie, [
-              (c(), v(R, null, h(B, (l) => i("button", {
+              (c(), v(R, null, h(T, (l) => i("button", {
                 key: l.value,
                 class: J(["range-btn", { active: n.timeRange === l.value }]),
-                onClick: (C) => V(l.value)
+                onClick: (C) => O(l.value)
               }, K(l.label), 11, ce)), 64))
             ])
           ]),
@@ -201,13 +202,13 @@ const ae = { class: "filter-bar" }, oe = { class: "filter-item" }, se = { class:
               "start-placeholder": "开始时间",
               "end-placeholder": "结束时间",
               style: { width: "340px" },
-              onChange: H
+              onChange: V
             }, null, 8, ["modelValue"])
           ]),
           d(g, {
             type: "primary",
             size: "small",
-            onClick: O
+            onClick: H
           }, {
             default: y(() => [...e[6] || (e[6] = [
               X("查询", -1)
@@ -219,7 +220,7 @@ const ae = { class: "filter-bar" }, oe = { class: "filter-item" }, se = { class:
       ], 4);
     };
   }
-})), we = /* @__PURE__ */ te(Ce, [["__scopeId", "data-v-3e5ef7cf"]]);
+})), we = /* @__PURE__ */ te(Ce, [["__scopeId", "data-v-b151f568"]]);
 export {
   we as default
 };

package/dist/rainfallFilterBar-kuAQO0M-.cjs

@@ -0,0 +1 @@
+"use strict";var S=Object.defineProperty,j=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var y=(i,r,s)=>r in i?S(i,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[r]=s,E=(i,r)=>{for(var s in r||(r={}))T.call(r,s)&&y(i,s,r[s]);if(C)for(var s of C(r))O.call(r,s)&&y(i,s,r[s]);return i},k=(i,r)=>j(i,w(r));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=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/date-picker/style/css");require("element-plus/es/components/select/style/css");require("element-plus/es/components/option/style/css");const e=require("vue"),I=require("./BaseComponent-Chnv4fBT.cjs"),g=require("./index-DVqMfQVc.cjs"),V=require("./ele-vlu-icon-Dv-R7Xuc.cjs"),F={class:"filter-bar"},H={class:"filter-item"},x={class:"filter-item"},q={class:"filter-item"},L={class:"time-range-btns"},U=["onClick"],z={class:"filter-item"},W={DEFAULT_ICON:V.DEFAULT_ICON,ACTIVE_ICON:V.ACTIVE_ICON,NAME_CN:"降雨筛选栏",NAME_EN:"Rainfall Filter Bar",ORDER:1,PLATFORM:["pc","screen"]},P={bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},linkChannel:{value:"rainfall",type:"select",label:"component.linkChannel",options:[{label:"降雨监测",value:"rainfall"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"component.customChannel",showWhen:{linkChannel:"custom"}}},$=[{name:"WATER101",object_id:"",region:"北帮"},{name:"WATER102",object_id:"",region:"北帮"},{name:"WATER201",object_id:"",region:"南帮"},{name:"WATER305",object_id:"",region:"东帮"},{name:"WATER410",object_id:"",region:"西帮"}],Q=["name","object_id","region"],G=["mosaic"],J={useAlias:!1,multiObject:!0,source:"mosaic"},K=50,X={DEFAULT:W,OPTIONS:P,DATA:$,PARAMS:Q,SOURCE:G,ITEMS:K,COMMON:J},Z=e.defineComponent(k(E({},X),{__name:"rainfallFilterBar",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(i){const r=i;class s extends I.BaseComponent{extractStyles(){var m,p,n,v;const t=(m=this.props.conf)==null?void 0:m.options,a=((p=t==null?void 0:t.linkChannel)==null?void 0:p.value)||"rainfall",u=((n=t==null?void 0:t.customChannel)==null?void 0:n.value)||"";return{bgColor:((v=t==null?void 0:t.bgColor)==null?void 0:v.value)||"#ffffff",linkChannel:a==="custom"&&u?u:a}}}const b=new s(r,"rainfallFilterBar");b.setupLifecycle();const h=b.getStyle(),d=e.computed(()=>{var t;const l=(t=r.conf)==null?void 0:t.data;return!l||!Array.isArray(l)?[]:l.filter(a=>a.name)}),R=e.computed(()=>{const l=new Set;return d.value.forEach(t=>{t.region&&l.add(t.region)}),Array.from(l)}),_=e.computed(()=>{let l=d.value;return o.region&&(l=l.filter(t=>t.region===o.region)),l.map(t=>({label:t.name,value:t.name}))}),N=[{label:"一天内",value:"1d"},{label:"一周内",value:"1w"},{label:"一个月内",value:"1m"}],c=d.value[0],o=e.reactive({region:(c==null?void 0:c.region)||"",points:c?[c.name]:[],timeRange:"1d",dateRange:[g.dayjs().subtract(1,"day").format("YYYY/MM/DD HH:mm"),g.dayjs().format("YYYY/MM/DD HH:mm")]}),Y=()=>{const l=_.value;o.points=l.length>0?[l[0].value]:[]},B=l=>{o.timeRange=l;const t=g.dayjs(),a=l==="1d"?t.subtract(1,"day"):l==="1w"?t.subtract(1,"week"):t.subtract(1,"month");o.dateRange=[a.format("YYYY/MM/DD HH:mm"),t.format("YYYY/MM/DD HH:mm")]},M=()=>{o.timeRange=""},A=()=>{if(r.mode==="edit"||o.points.length===0)return;const l=d.value.filter(a=>o.points.includes(a.name)),t=[...new Set(l.map(a=>a.object_id).filter(Boolean))];if(t.length===0){console.warn("[降雨筛选栏] 所选监测点未配置 object_id，无法发送联动");return}b.publish({type:"filter",region:o.region,selectedMonitors:o.points,objectId:t[0]||"",objectIds:t,sensors:l.map(a=>({name:a.name,objectId:a.object_id})),timeRange:o.timeRange,dateRange:[...o.dateRange]})},D=e.computed(()=>({backgroundColor:h.value.bgColor}));return(l,t)=>{const a=f.ElOption,u=f.ElSelect,m=f.ElDatePicker,p=f.ElButton;return e.openBlock(),e.createElementBlock("div",{class:"rainfall-filter-bar-wrap",style:e.normalizeStyle(D.value)},[e.createElementVNode("div",F,[e.createElementVNode("div",H,[t[3]||(t[3]=e.createElementVNode("span",{class:"filter-label"},"区域位置:",-1)),e.createVNode(u,{modelValue:o.region,"onUpdate:modelValue":t[0]||(t[0]=n=>o.region=n),placeholder:"全部区域",size:"small",style:{width:"120px"},onChange:Y},{default:e.withCtx(()=>[e.createVNode(a,{label:"全部区域",value:""}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,n=>(e.openBlock(),e.createBlock(a,{key:n,label:n,value:n},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),e.createElementVNode("div",x,[t[4]||(t[4]=e.createElementVNode("span",{class:"filter-label"},"监测点:",-1)),e.createVNode(u,{modelValue:o.points,"onUpdate:modelValue":t[1]||(t[1]=n=>o.points=n),placeholder:"请选择",size:"small",style:{width:"180px"},multiple:"","collapse-tags":"","collapse-tags-tooltip":""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,n=>(e.openBlock(),e.createBlock(a,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),e.createElementVNode("div",q,[t[5]||(t[5]=e.createElementVNode("span",{class:"filter-label"},"时间范围:",-1)),e.createElementVNode("div",L,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(N,n=>e.createElementVNode("button",{key:n.value,class:e.normalizeClass(["range-btn",{active:o.timeRange===n.value}]),onClick:v=>B(n.value)},e.toDisplayString(n.label),11,U)),64))])]),e.createElementVNode("div",z,[e.createVNode(m,{modelValue:o.dateRange,"onUpdate:modelValue":t[2]||(t[2]=n=>o.dateRange=n),type:"datetimerange",size:"small",format:"YYYY/MM/DD HH:mm","value-format":"YYYY/MM/DD HH:mm","range-separator":"至","start-placeholder":"开始时间","end-placeholder":"结束时间",style:{width:"340px"},onChange:M},null,8,["modelValue"])]),e.createVNode(p,{type:"primary",size:"small",onClick:A},{default:e.withCtx(()=>[...t[6]||(t[6]=[e.createTextVNode("查询",-1)])]),_:1})]),e.renderSlot(l.$slots,"default",{},void 0,!0)],4)}}})),ee=g._export_sfc(Z,[["__scopeId","data-v-b151f568"]]);exports.default=ee;

package/dist/rainfallTimeCurve-7uHaSkuE.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,i)=>a in p?ve(p,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):p[a]=i,X=(p,a)=>{for(var i in a||(a={}))ye.call(a,i)&&Q(p,i,a[i]);if(J)for(var i of J(a))Ce.call(a,i)&&Q(p,i,a[i]);return p},ee=(p,a)=>he(p,ge(a));var z=(p,a,i)=>_e(be(p),i,a);var q=(p,a,i)=>new Promise((N,g)=>{var v=_=>{try{j(i.next(_))}catch(A){g(A)}},S=_=>{try{j(i.throw(_))}catch(A){g(A)}},j=_=>_.done?N(_.value):Promise.resolve(_.value).then(v,S);j((i=i.apply(p,a)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=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"),T=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"},Ee={class:"panel-header"},we={class:"header-right"},Ne={class:"indicator-selector-panel"},je={class:"indicator-select-all"},Ve={class:"legend-bar"},ke={class:"legend-items"},Ie=["onClick"],Ae={class:"legend-text"},Me=["id"],Oe={DEFAULT_ICON:oe.DEFAULT_ICON,ACTIVE_ICON:oe.ACTIVE_ICON,NAME_CN:"降雨指标时序曲线",NAME_EN:"Rainfall Time Curve",ORDER:3,PLATFORM:["pc","screen"]},De={bgColor:{value:"#f5f7fa",type:"color",label:"setting.bgColor"},panelBgColor:{value:"#ffffff",type:"color",label:"面板背景色"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},gridColor:{value:"#f0f0f0",type:"color",label:"网格线颜色"},linkChannel:{value:"rainfall",type:"select",label:"component.linkChannel",options:[{label:"降雨监测",value:"rainfall"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"component.customChannel",showWhen:{linkChannel:"custom"}}},Te=[{name:"实时降水量(mm)",fv:"",object_id:"",color:"#5470c6",device:""},{name:"累计降水量(mm)",fv:"",object_id:"",color:"#ee6666",device:""}],Le=["name","fv","object_id","color","device"],$e=["mosaic","statistics","calculate"],qe={useAlias:!1,multiObject:!1,hideMultiObject:!0,source:"mosaic"},Be=50,Pe={DEFAULT:Oe,OPTIONS:De,DATA:Te,PARAMS:Le,SOURCE:$e,ITEMS:Be,COMMON:qe},Ye=t.defineComponent(ee(X({},Pe),{__name:"rainfallTimeCurve",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,i=new Map,N=new Map,g=t.ref(new Map),v=t.ref([]);let S=0,j=null;const _=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)}),A=t.computed(()=>_.value||v.value.length>0);class L extends xe.EChartComponentBase{extractStyles(){var c,f,m,o,u,s,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)||"rainfall",r=((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",gridColor:((d=e==null?void 0:e.gridColor)==null?void 0:d.value)||"#f0f0f0",linkChannel:n==="custom"&&r?r:n}}getChartOption(){return R(this.Style.value)}initHistory(){return q(this,null,function*(){const e=this.props.conf;if(!e)return[];e.options||(e.options={});const n=e.options.points,r=Object.prototype.hasOwnProperty.call(e.options,"points");(!n||Number(n)<24)&&(e.options.points=24);try{return yield z(L.prototype,this,"initHistory").call(this)}finally{r?e.options.points=n:delete e.options.points}})}onPreview(){return q(this,null,function*(){var n,r,c,f,m;const e=((r=(n=this.props.conf)==null?void 0:n.common)==null?void 0:r.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 F([e]);return}yield z(L.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 r=e.datetime?e.datetime.split(".")[0]:T.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):(N.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=i.get(s);d?(d.times.push(r),d.values.push(parseFloat(u)),d.times.length>200&&(d.times.shift(),d.values.shift())):i.set(s,{times:[r],values:[parseFloat(u)]})}),this.chartObj&&this.chartObj.setOption(R(this.Style.value),!1)}onLinkEvent(e){de(e)}}const C=new L(a,"rainfallTimeCurve");C.setupLifecycle();const B=C.getStyle(),ne=C.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 U=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):[],V()},x=t.ref(new Set),re=t.computed(()=>{if(v.value.length>1){const e=[];for(const n of v.value){const r=g.value.get(n)||n.slice(-6);b.value.filter(c=>h.value.includes(c.fv||c.name)).forEach(c=>{e.push({name:`${r}-${c.name}`,color:c.color||"#5470c6",visible:!x.value.has(`${n}:${c.name}`)})})}return e}return b.value.filter(e=>h.value.includes(e.fv||e.name)).map(e=>{const n=N.get(e.name)||g.value.values().next().value||"";return{name:n?`${n}-${e.name}`:e.name,color:e.color||"#5470c6",visible:!x.value.has(e.name)}})}),ie=l=>{const e=l.name.includes("-")?l.name.split("-").slice(1).join("-"):l.name;x.value.has(e)?x.value.delete(e):x.value.add(e),x.value=new Set(x.value),V()},ce=t.computed(()=>({backgroundColor:B.value.bgColor,color:B.value.textColor})),Y=()=>{i.clear();const l=T.dayjs();P.value.forEach((e,n)=>{const r=[],c=[],f=[2800,3200],m=[200,300],o=f[n%2]||3e3,u=m[n%2]||200;for(let s=0;s<100;s++)r.push(l.subtract((100-s)*15,"minute").format("YYYY/MM/DD HH:mm")),c.push(+(o+(Math.random()-.5)*u+Math.sin(s/10)*u*.3).toFixed(2));i.set(e.name,{times:r,values:c})})},R=l=>{if(a.mode!=="edit"&&(!A.value||i.size===0))return{xAxis:{type:"category",data:[]},yAxis:{type:"value"},series:[]};let e=[];for(const[,o]of i)o.times.length>e.length&&(e=o.times);!e.length&&a.mode==="edit"&&(e=Array.from({length:50},(o,u)=>T.dayjs().subtract((50-u)*15,"minute").format("YYYY/MM/DD HH:mm")));const n={},r=v.value.length>1,c=["#5470c6","#ee6666","#fac858","#91cc75","#73c0de","#3ba272","#fc8452","#9a60b4"];let f=0,m=[];if(r&&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}`,k=`${u}-${s.name}`,E=s.color||c[f%c.length];n[k]=!x.value.has(d);const $=i.get(d);m.push({name:k,type:"line",smooth:!0,showSymbol:!1,data:($==null?void 0:$.values)||[],lineStyle:{color:E,width:2.5,type:"solid"},itemStyle:{color:E}}),f++})}else m=b.value.filter(o=>h.value.includes(o.fv||o.name)).map(o=>{const u=N.get(o.name)||g.value.values().next().value||"",s=u?`${u}-${o.name}`:o.name;n[s]=!x.value.has(o.name);const d=i.get(o.name);return{name:s,type:"line",smooth:!0,showSymbol:!1,data:(d==null?void 0:d.values)||[],lineStyle:{color:o.color||"#5470c6",width:2.5,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:"监测数值",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}},V=()=>{const l=C.getChartInstance();l&&l.setOption(R(B.value),!0)},ue=()=>{const l=C.getChartInstance();if(!l)return;const e=document.createElement("a");e.href=l.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),e.download=`降雨指标时序曲线_${T.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&&(j={start_time:e.dateRange[0],end_time:e.dateRange[1]});const r=e.objectIds&&e.objectIds.length>0?e.objectIds:e.objectId?[e.objectId]:[];r.length>0&&(v.value=r,F(r)),(a.mode==="edit"||r.length===0)&&(Y(),V());return}const n=e.objectId||e.object_id;n&&(v.value=[n],F([n]))},F=l=>q(null,null,function*(){var s;if(!l.length||a.mode!=="preview")return;const e=++S;i.clear(),g.value.clear(),N.clear();const n=(s=C.session)==null?void 0:s.value;if(!n)return;const r=a.conf.id;n.componentRequests&&n.componentRequests.delete(r),typeof n.unsubscribeComponent=="function"&&n.unsubscribeComponent(r);const{data:c,common:f}=a.conf,m=l.length>1;j&&(f.historyTimeRange=j),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(S!==e)return;Array.isArray(c)&&c.forEach(E=>{E.object_id=d}),f.multiObject||(f.object_id=d);try{const E=yield Promise.resolve().then(()=>require("./history-MxYUUwkm.cjs")),M=yield new E.default().getHistoryData(a,"rainfallTimeCurve");if(S!==e)return;const G=(M==null?void 0:M.history)||(Array.isArray(M)?M:[]);G.length>0&&c.forEach((y,fe)=>{if(!y.fv)return;const K=G[fe];if(!Array.isArray(K))return;const me=[...K].sort((w,O)=>new Date(w.time||w.datetime||"").getTime()-new Date(O.time||O.datetime||"").getTime()),pe=m?`${d}:${y.name||y.fv}`:y.name||y.fv,H=[],W=[];me.forEach(w=>{const O=w.time||w.datetime,Z=w[y.fv];if(O&&Z!=null){const I=parseFloat(Z);isNaN(I)||(H.push(O.split(".")[0]),W.push(I))}if(y.device&&w[y.device]){const I=String(w[y.device]);m||N.set(y.name||y.fv,I),g.value.set(d,I)}}),H.length>0&&i.set(pe,{times:H,values:W})})}catch(E){console.warn("[降雨时序曲线] 历史数据获取失败:",E)}if(S!==e)return;const k=C.getSource();C.subscribeBySource(k,d)}u?a.conf.options.points=o:delete a.conf.options.points,S===e&&(V(),n.registerComponent({id:r,request:null,onUpdate:(d,k)=>{S===e&&d==="realtime"&&C.setSocketData(k)}}))});return t.onMounted(()=>{a.mode==="edit"&&Y(),setTimeout(()=>{var l;return(l=C.getChartInstance())==null?void 0:l.resize()},200)}),t.watch(()=>a.conf,()=>{a.mode==="edit"&&(Y(),V())},{deep:!0}),(l,e)=>{const n=D.ElIcon,r=D.ElButton,c=D.ElCheckbox,f=D.ElCheckboxGroup,m=D.ElPopover;return t.openBlock(),t.createElementBlock("div",{class:"rainfall-time-curve",style:t.normalizeStyle(ce.value)},[t.createElementVNode("div",Se,[t.createElementVNode("div",Ee,[e[4]||(e[4]=t.createElementVNode("div",{class:"header-left"},[t.createElementVNode("span",{class:"indicator-dot"}),t.createElementVNode("span",{class:"panel-title"},"📊 指标时序演变曲线")],-1)),t.createElementVNode("div",we,[t.createVNode(m,{placement:"bottom-start",width:220,trigger:"click"},{reference:t.withCtx(()=>[t.createVNode(r,{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",Ne,[t.createElementVNode("div",je,[t.createVNode(c,{modelValue:U.value,"onUpdate:modelValue":e[0]||(e[0]=o=>U.value=o),indeterminate:le.value,onChange:se},{default:t.withCtx(()=>[...e[2]||(e[2]=[t.createTextVNode(" 全部指标 ",-1)])]),_:1},8,["modelValue","indeterminate"])]),t.createVNode(f,{modelValue:h.value,"onUpdate:modelValue":e[1]||(e[1]=o=>h.value=o),onChange:V},{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(r,{size:"small",onClick:ue},{default:t.withCtx(()=>[t.createVNode(n,null,{default:t.withCtx(()=>[t.createVNode(t.unref(te.Download))]),_:1}),e[3]||(e[3]=t.createElementVNode("span",null,"导出图像",-1))]),_:1})])]),t.createElementVNode("div",Ve,[t.createElementVNode("div",ke,[(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",Ae,t.toDisplayString(o.name),1)],10,Ie))),128))])]),t.createElementVNode("div",{id:t.unref(ne),class:"chart-container"},null,8,Me)]),t.renderSlot(l.$slots,"default",{},void 0,!0)],4)}}})),Re=T._export_sfc(Ye,[["__scopeId","data-v-ead6ecc7"]]);exports.default=Re;

package/dist/{rainfallTimeCurve-sDYapogL.js → rainfallTimeCurve-BlOnCq2M.js}

@@ -1,49 +1,51 @@
 var we = Object.defineProperty, ke = Object.defineProperties;
 var Ae = Object.getOwnPropertyDescriptors;
-var ae = Object.getOwnPropertySymbols, Ee = Object.getPrototypeOf, Ie = Object.prototype.hasOwnProperty, Me = Object.prototype.propertyIsEnumerable, Oe = Reflect.get;
+var ae = Object.getOwnPropertySymbols, Me = Object.getPrototypeOf, Ee = Object.prototype.hasOwnProperty, Ie = Object.prototype.propertyIsEnumerable, Oe = Reflect.get;
 var se = (p, l, i) => l in p ? we(p, l, { enumerable: !0, configurable: !0, writable: !0, value: i }) : p[l] = i, ie = (p, l) => {
   for (var i in l || (l = {}))
-    Ie.call(l, i) && se(p, i, l[i]);
+    Ee.call(l, i) && se(p, i, l[i]);
   if (ae)
     for (var i of ae(l))
-      Me.call(l, i) && se(p, i, l[i]);
+      Ie.call(l, i) && se(p, i, l[i]);
   return p;
 }, re = (p, l) => ke(p, Ae(l));
-var Z = (p, l, i) => Oe(Ee(p), i, l);
-var P = (p, l, i) => new Promise((I, g) => {
+var Z = (p, l, i) => Oe(Me(p), i, l);
+var R = (p, l, i) => new Promise((E, g) => {
   var m = (C) => {
     try {
-      M(i.next(C));
+      I(i.next(C));
     } catch (T) {
       g(T);
     }
   }, k = (C) => {
     try {
-      M(i.throw(C));
+      I(i.throw(C));
     } catch (T) {
       g(T);
     }
-  }, M = (C) => C.done ? I(C.value) : Promise.resolve(C.value).then(m, k);
-  M((i = i.apply(p, l)).next());
+  }, I = (C) => C.done ? E(C.value) : Promise.resolve(C.value).then(m, k);
+  I((i = i.apply(p, l)).next());
 });
-import { ElPopover as De, ElCheckbox as Ne, ElCheckboxGroup as Te, ElButton as $e, ElIcon as Le } from "element-plus/es";
+import { ElPopover as De, ElCheckbox as Ne, ElCheckboxGroup as Te, ElButton as Le, ElIcon as $e } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/popover/style/css";
 import "element-plus/es/components/checkbox-group/style/css";
 import "element-plus/es/components/checkbox/style/css";
 import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/icon/style/css";
-import { defineComponent as Ve, ref as R, computed as S, watch as ce, onMounted as Ye, openBlock as V, createElementBlock as z, normalizeStyle as ue, createElementVNode as h, createVNode as j, withCtx as w, createTextVNode as J, Fragment as fe, renderList as de, createBlock as He, toDisplayString as Q, unref as X, normalizeClass as Pe, renderSlot as Re } from "vue";
-import { g as B, _ as ze } from "./index-Bdq33405.js";
-import { E as Be } from "./EChartComponentBase-CAabYXSj.js";
-import { ArrowDown as Fe, Download as Ue } from "@element-plus/icons-vue";
+import { defineComponent as Ve, ref as H, computed as S, watch as ce, onMounted as Ye, openBlock as V, createElementBlock as z, normalizeStyle as ue, createElementVNode as h, createVNode as j, withCtx as w, createTextVNode as J, Fragment as fe, renderList as de, createBlock as Pe, toDisplayString as Q, unref as X, normalizeClass as Re, renderSlot as He } from "vue";
+import { d as F, _ as ze } from "./index-DwPJu6XM.js";
+import "element-plus";
+import { E as Fe } from "./EChartComponentBase-cFfawl6h.js";
+import { ArrowDown as Be, Download as Ue } from "@element-plus/icons-vue";
 import { A as qe, D as Ge } from "./ele-lin-icon-Dax-ZiWV.js";
 const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { class: "header-right" }, Je = { class: "indicator-selector-panel" }, Qe = { class: "indicator-select-all" }, Xe = { class: "legend-bar" }, et = { class: "legend-items" }, tt = ["onClick"], ot = { class: "legend-text" }, nt = ["id"], lt = {
   DEFAULT_ICON: Ge,
   ACTIVE_ICON: qe,
   NAME_CN: "降雨指标时序曲线",
   NAME_EN: "Rainfall Time Curve",
-  ORDER: 3
+  ORDER: 3,
+  PLATFORM: ["pc", "screen"]
 }, at = {
   bgColor: { value: "#f5f7fa", type: "color", label: "setting.bgColor" },
   panelBgColor: { value: "#ffffff", type: "color", label: "面板背景色" },
@@ -81,13 +83,13 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
     theme: { type: String, default: "light" }
   },
   setup(p) {
-    const l = p, i = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map(), g = R(/* @__PURE__ */ new Map()), m = R([]);
-    let k = 0, M = null;
+    const l = p, i = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), g = H(/* @__PURE__ */ new Map()), m = H([]);
+    let k = 0, I = null;
     const C = S(() => {
       var n, e;
       return (e = (n = l.conf) == null ? void 0 : n.common) != null && e.object_id ? !0 : U.value.some((o) => !!o.object_id);
     }), T = S(() => C.value || m.value.length > 0);
-    class Y extends Be {
+    class Y extends Fe {
       extractStyles() {
         var r, f, d, t, c, a, u;
         const e = (r = this.props.conf) == null ? void 0 : r.options, o = ((f = e == null ? void 0 : e.linkChannel) == null ? void 0 : f.value) || "rainfall", s = ((d = e == null ? void 0 : e.customChannel) == null ? void 0 : d.value) || "";
@@ -103,7 +105,7 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
         return G(this.Style.value);
       }
       initHistory() {
-        return P(this, null, function* () {
+        return R(this, null, function* () {
           const e = this.props.conf;
           if (!e) return [];
           e.options || (e.options = {});
@@ -118,7 +120,7 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
       }
       // 自身配置了 object_id 时初次挂载即拉历史 + 订阅
       onPreview() {
-        return P(this, null, function* () {
+        return R(this, null, function* () {
           var o, s, r, f, d;
           const e = ((s = (o = this.props.conf) == null ? void 0 : o.common) == null ? void 0 : s.object_id) || ((d = (f = (r = this.props.conf) == null ? void 0 : r.data) == null ? void 0 : f[0]) == null ? void 0 : d.object_id) || "";
           if (e && m.value.length === 0) {
@@ -134,13 +136,13 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
         const o = e.object_id || e.objectId || "";
         if (o && m.value.length > 0 && !m.value.includes(o))
           return;
-        const s = e.datetime ? e.datetime.split(".")[0] : B().format("YYYY/MM/DD HH:mm"), r = ((d = this.props.conf) == null ? void 0 : d.data) || [], f = m.value.length > 1;
+        const s = e.datetime ? e.datetime.split(".")[0] : F().format("YYYY/MM/DD HH:mm"), r = ((d = this.props.conf) == null ? void 0 : d.data) || [], f = m.value.length > 1;
         r.forEach((t) => {
           if (t.device) {
             const c = this.extractDataValue(e, t.device);
             if (c != null && String(c).trim()) {
               const a = String(c).trim();
-              f && o ? g.value.set(o, a) : (I.set(t.name || t.fv, a), o && g.value.set(o, a));
+              f && o ? g.value.set(o, a) : (E.set(t.name || t.fv, a), o && g.value.set(o, a));
             }
           }
         }), r.forEach((t) => {
@@ -157,13 +159,13 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
     }
     const _ = new Y(l, "rainfallTimeCurve");
     _.setupLifecycle();
-    const F = _.getStyle(), pe = _.getEchartId(), U = S(() => {
+    const B = _.getStyle(), pe = _.getEchartId(), U = S(() => {
       var n;
       return ((n = l.conf) == null ? void 0 : n.data) || [];
     }), b = S(() => {
       const n = /* @__PURE__ */ new Set();
       return U.value.filter((e) => e.name && !n.has(e.name) ? (n.add(e.name), !0) : !1);
-    }), v = R([]);
+    }), v = H([]);
     ce(b, (n) => {
       n.length > 0 && v.value.length === 0 && (v.value = n.map((e) => e.fv || e.name));
     }, { immediate: !0 });
@@ -181,7 +183,7 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
       return e.length > 14 ? e.substring(0, 14) + "..." : e;
     }), he = (n) => {
       v.value = n ? b.value.map((e) => e.fv || e.name) : [], O();
-    }, x = R(/* @__PURE__ */ new Set()), ge = S(() => {
+    }, x = H(/* @__PURE__ */ new Set()), ge = S(() => {
       if (m.value.length > 1) {
         const e = [];
         for (const o of m.value) {
@@ -197,7 +199,7 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
         return e;
       }
       return b.value.filter((e) => v.value.includes(e.fv || e.name)).map((e) => {
-        const o = I.get(e.name) || g.value.values().next().value || "";
+        const o = E.get(e.name) || g.value.values().next().value || "";
         return {
           name: o ? `${o}-${e.name}` : e.name,
           color: e.color || "#5470c6",
@@ -208,11 +210,11 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
       const e = n.name.includes("-") ? n.name.split("-").slice(1).join("-") : n.name;
       x.value.has(e) ? x.value.delete(e) : x.value.add(e), x.value = new Set(x.value), O();
     }, ye = S(() => ({
-      backgroundColor: F.value.bgColor,
-      color: F.value.textColor
+      backgroundColor: B.value.bgColor,
+      color: B.value.textColor
     })), q = () => {
       i.clear();
-      const n = B();
+      const n = F();
       U.value.forEach((e, o) => {
         const s = [], r = [], f = [2800, 3200], d = [200, 300], t = f[o % 2] || 3e3, c = d[o % 2] || 200;
         for (let a = 0; a < 100; a++)
@@ -227,7 +229,7 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
         t.times.length > e.length && (e = t.times);
       !e.length && l.mode === "edit" && (e = Array.from(
         { length: 50 },
-        (t, c) => B().subtract((50 - c) * 15, "minute").format("YYYY/MM/DD HH:mm")
+        (t, c) => F().subtract((50 - c) * 15, "minute").format("YYYY/MM/DD HH:mm")
       ));
       const o = {}, s = m.value.length > 1, r = ["#5470c6", "#ee6666", "#fac858", "#91cc75", "#73c0de", "#3ba272", "#fc8452", "#9a60b4"];
       let f = 0, d = [];
@@ -237,13 +239,13 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
           b.value.filter((a) => v.value.includes(a.fv || a.name)).forEach((a) => {
             const u = `${t}:${a.name}`, D = `${c}-${a.name}`, A = a.color || r[f % r.length];
             o[D] = !x.value.has(u);
-            const H = i.get(u);
+            const P = i.get(u);
             d.push({
               name: D,
               type: "line",
               smooth: !0,
               showSymbol: !1,
-              data: (H == null ? void 0 : H.values) || [],
+              data: (P == null ? void 0 : P.values) || [],
               lineStyle: { color: A, width: 2.5, type: "solid" },
               itemStyle: { color: A }
             }), f++;
@@ -251,7 +253,7 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
         }
       else
         d = b.value.filter((t) => v.value.includes(t.fv || t.name)).map((t) => {
-          const c = I.get(t.name) || g.value.values().next().value || "", a = c ? `${c}-${t.name}` : t.name;
+          const c = E.get(t.name) || g.value.values().next().value || "", a = c ? `${c}-${t.name}` : t.name;
           o[a] = !x.value.has(t.name);
           const u = i.get(t.name);
           return {
@@ -312,34 +314,34 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
       };
     }, O = () => {
       const n = _.getChartInstance();
-      n && n.setOption(G(F.value), !0);
+      n && n.setOption(G(B.value), !0);
     }, _e = () => {
       const n = _.getChartInstance();
       if (!n) return;
       const e = document.createElement("a");
-      e.href = n.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), e.download = `降雨指标时序曲线_${B().format("YYYYMMDDHHmmss")}.png`, e.click();
+      e.href = n.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), e.download = `降雨指标时序曲线_${F().format("YYYYMMDDHHmmss")}.png`, e.click();
     }, Ce = (n) => {
       const { payload: e } = n;
       if (!e) return;
       if (e.type === "filter") {
-        e.dateRange && Array.isArray(e.dateRange) && e.dateRange.length === 2 && (M = { start_time: e.dateRange[0], end_time: e.dateRange[1] });
+        e.dateRange && Array.isArray(e.dateRange) && e.dateRange.length === 2 && (I = { start_time: e.dateRange[0], end_time: e.dateRange[1] });
         const s = e.objectIds && e.objectIds.length > 0 ? e.objectIds : e.objectId ? [e.objectId] : [];
         s.length > 0 && (m.value = s, K(s)), (l.mode === "edit" || s.length === 0) && (q(), O());
         return;
       }
       const o = e.objectId || e.object_id;
       o && (m.value = [o], K([o]));
-    }, K = (n) => P(null, null, function* () {
+    }, K = (n) => R(null, null, function* () {
       var a;
       if (!n.length || l.mode !== "preview") return;
       const e = ++k;
-      i.clear(), g.value.clear(), I.clear();
+      i.clear(), g.value.clear(), E.clear();
       const o = (a = _.session) == null ? void 0 : a.value;
       if (!o) return;
       const s = l.conf.id;
       o.componentRequests && o.componentRequests.delete(s), typeof o.unsubscribeComponent == "function" && o.unsubscribeComponent(s);
       const { data: r, common: f } = l.conf, d = n.length > 1;
-      M && (f.historyTimeRange = M), l.conf.options || (l.conf.options = {});
+      I && (f.historyTimeRange = I), l.conf.options || (l.conf.options = {});
       const t = l.conf.options.points, c = Object.prototype.hasOwnProperty.call(l.conf.options, "points");
       (!t || Number(t) < 24) && (l.conf.options.points = 24);
       for (const u of n) {
@@ -348,25 +350,25 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
           A.object_id = u;
         }), f.multiObject || (f.object_id = u);
         try {
-          const A = yield import("./history-D6C3tSut.js"), $ = yield new A.default().getHistoryData(l, "rainfallTimeCurve");
+          const A = yield import("./history-BZ869y2d.js"), L = yield new A.default().getHistoryData(l, "rainfallTimeCurve");
           if (k !== e) return;
-          const te = ($ == null ? void 0 : $.history) || (Array.isArray($) ? $ : []);
+          const te = (L == null ? void 0 : L.history) || (Array.isArray(L) ? L : []);
           te.length > 0 && r.forEach((y, xe) => {
             if (!y.fv) return;
             const oe = te[xe];
             if (!Array.isArray(oe)) return;
             const Se = [...oe].sort(
-              (E, L) => new Date(E.time || E.datetime || "").getTime() - new Date(L.time || L.datetime || "").getTime()
+              (M, $) => new Date(M.time || M.datetime || "").getTime() - new Date($.time || $.datetime || "").getTime()
             ), je = d ? `${u}:${y.name || y.fv}` : y.name || y.fv, W = [], ne = [];
-            Se.forEach((E) => {
-              const L = E.time || E.datetime, le = E[y.fv];
-              if (L && le != null) {
+            Se.forEach((M) => {
+              const $ = M.time || M.datetime, le = M[y.fv];
+              if ($ && le != null) {
                 const N = parseFloat(le);
-                isNaN(N) || (W.push(L.split(".")[0]), ne.push(N));
+                isNaN(N) || (W.push($.split(".")[0]), ne.push(N));
               }
-              if (y.device && E[y.device]) {
-                const N = String(E[y.device]);
-                d || I.set(y.name || y.fv, N), g.value.set(u, N);
+              if (y.device && M[y.device]) {
+                const N = String(M[y.device]);
+                d || E.set(y.name || y.fv, N), g.value.set(u, N);
               }
             }), W.length > 0 && i.set(je, { times: W, values: ne });
           });
@@ -393,7 +395,7 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
     }), ce(() => l.conf, () => {
       l.mode === "edit" && (q(), O());
     }, { deep: !0 }), (n, e) => {
-      const o = Le, s = $e, r = Ne, f = Te, d = De;
+      const o = $e, s = Le, r = Ne, f = Te, d = De;
       return V(), z("div", {
         class: "rainfall-time-curve",
         style: ue(ye.value)
@@ -416,7 +418,7 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
                       J(Q(ve.value) + " ", 1),
                       j(o, { class: "el-icon--right" }, {
                         default: w(() => [
-                          j(X(Fe))
+                          j(X(Be))
                         ]),
                         _: 1
                       })
@@ -445,7 +447,7 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
                       onChange: O
                     }, {
                       default: w(() => [
-                        (V(!0), z(fe, null, de(b.value, (t) => (V(), He(r, {
+                        (V(!0), z(fe, null, de(b.value, (t) => (V(), Pe(r, {
                           key: t.fv,
                           label: t.fv,
                           class: "indicator-checkbox-item"
@@ -483,7 +485,7 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
             h("div", et, [
               (V(!0), z(fe, null, de(ge.value, (t) => (V(), z("span", {
                 key: t.name,
-                class: Pe(["legend-item", { disabled: !t.visible }]),
+                class: Re(["legend-item", { disabled: !t.visible }]),
                 onClick: (c) => be(t)
               }, [
                 h("span", {
@@ -499,11 +501,11 @@ const Ke = { class: "chart-panel" }, We = { class: "panel-header" }, Ze = { clas
             class: "chart-container"
           }, null, 8, nt)
         ]),
-        Re(n.$slots, "default", {}, void 0, !0)
+        He(n.$slots, "default", {}, void 0, !0)
       ], 4);
     };
   }
-})), kt = /* @__PURE__ */ ze(dt, [["__scopeId", "data-v-12121aea"]]);
+})), At = /* @__PURE__ */ ze(dt, [["__scopeId", "data-v-ead6ecc7"]]);
 export {
-  kt as default
+  At as default
 };

package/dist/rangeLin-BQeWFL_E.cjs

@@ -0,0 +1,3 @@
+"use strict";var F=Object.defineProperty,H=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var z=(c,r,l)=>r in c?F(c,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):c[r]=l,L=(c,r)=>{for(var l in r||(r={}))j.call(r,l)&&z(c,l,r[l]);if(q)for(var l of q(r))G.call(r,l)&&z(c,l,r[l]);return c},V=(c,r)=>H(c,B(r));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),b=require("./BaseComponent-Chnv4fBT.cjs"),f=require("./index-DVqMfQVc.cjs"),Z=require("./titleStyle-NSnz6cUg.cjs"),k=require("./ele-dzc-icon-h5wOUHF0.cjs"),J=require("./installMarkArea-CjyaJPLE.cjs"),v=require("./installCanvasRenderer-CyhM1Qpl.cjs"),K=require("./install-C8buXQPI.cjs"),Q=require("./install-CIT6k8Ga.cjs"),W=require("./install-z6wShIZI.cjs"),X=require("./install-CYwVETsi.cjs"),Y=require("./universalTransition-CIN_u2Cu.cjs"),N=require("./echarts-BB8O2KSA.cjs"),ee={DEFAULT_ICON:k.DEFAULT_ICON,ACTIVE_ICON:k.ACTIVE_ICON,NAME_CN:"区间曲线",NAME_EN:"Range Line",ORDER:6,PLATFORM:["pc","screen","mobile"]},te={titleColor:"#111",bgColor:"#fff",textColor:"#111",lineColor:"#314656",top:30,bottom:40,left:20,right:20,radiusSize:8,textSize:12,points:30,isHideTitle:!1,isSmooth:!1},M=[{name:"参数一",项目编号:"",object_id:""}],ne=["name","项目编号","object_id"],ie=["index","deviation","stability","balance","increment","risk","eigen"],oe={useAlias:!1,null:{type:"0",value:""},source:"index"},re=1,ae={DEFAULT:ee,OPTIONS:te,DATA:M,PARAMS:ne,SOURCE:ie,ITEMS:re,COMMON:oe},le=n.defineComponent(V(L({},ae),{__name:"rangeLin",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(c){v.use([v.install,K.install,Q.install,J.install,W.install,X.install,v.install$1,Y.installUniversalTransition]);const r=n.ref(n.inject("session",null)),l="rangelin_"+Math.random().toString(16).substring(4,12),R=["rgba(255, 173, 177, 0.2)","rgba(208, 201, 116, 0.2)","rgba(28, 118, 140, 1)","rgba(95, 28, 140, 1)","rgba(41, 196, 21, 1)"],A=["rgb(255, 173, 177)","rgb(208, 201, 116)","rgb(28, 118, 140)","rgb(95, 28, 140)","rgb(41, 196, 21)"];let s=null,y=null;const o=c;let a={area:[],pieces:[],data:[],times:[]};class I extends b.BaseComponent{extractStyles(){return{bgColor:this.getOptionValue("bgColor","#fff"),titleColor:this.getOptionValue("titleColor","#111"),textColor:this.getOptionValue("textColor","#111"),lineColor:this.getOptionValue("lineColor","#314656"),radiusSize:this.getOptionValue("radiusSize",4),textSize:this.getOptionValue("textSize",12),points:this.getOptionValue("points",30),isHideTitle:this.getOptionValue("isHideTitle",!1),isSmooth:this.getOptionValue("isSmooth",!1)}}init(){super.init(),this.props.conf.data=this.props.conf.data.length?this.props.conf.data:M,o.mode==="edit"&&$(),n.nextTick(()=>{let e=document.querySelector("#"+l);e&&(s||(s=N.init(e),y=f.elementResizeDetectorMaker({strategy:"scroll"}),y.listenTo(e,()=>s==null?void 0:s.resize())),s.setOption(D(),!0))})}onPreview(){T.preview()}cleanup(){y&&y.uninstall(document.querySelector("#"+l)),s&&s.clear(),s&&N.dispose(s),s=null,T.unregister()}}const _=new I(o,"rangeLin");_.setupLifecycle();const p=_.getStyle(),w=n.computed(()=>Z.generateTitleStyle(o.conf.options)),D=()=>{var S,m,C,i;const{data:t,options:e}=o.conf;let d=t[0]||{};var g={tooltip:{trigger:"axis"},xAxis:{type:"category",boundaryGap:!1,data:a.times,axisLabel:{formatter:function(u,h){if(!/^[1-9]\d{3}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}$/.test(u))return u;let x=u.split(" ");return x[0]+`
+`+x[1]},color:p.value.textColor,fontSize:p.value.textSize}},yAxis:{type:"value",axisPointer:{snap:!0}},grid:{top:((S=e==null?void 0:e.top)==null?void 0:S.value)||30,bottom:((m=e==null?void 0:e.bottom)==null?void 0:m.value)||40,left:((C=e==null?void 0:e.left)==null?void 0:C.value)||40,right:((i=e==null?void 0:e.right)==null?void 0:i.value)||20,containLabel:!0},visualMap:{show:!1,dimension:0,pieces:a.pieces},dataZoom:[{type:"slider",start:80,end:100,height:15,bottom:15,borderColor:"#e5e5e5",textStyle:{color:p.value.textColor},labelFormatter:function(u,h){if(!/^[1-9]\d{3}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}$/.test(h))return h;let x=h.split(" ");return x[0]+`
+`+x[1]}},{type:"inside"}],series:[{name:(d==null?void 0:d.name)||"",type:"line",smooth:p.value.isSmooth,data:a.data,markArea:{data:a.area}}]};return g},$=()=>{var d;const t=f.hasDataSource(o.conf);let e=(d=p.value.points)!=null?d:30;a.area=[[{name:"区间一",xAxis:f.getxAxisDataTime(e,o.mode,t)[e-5]},{xAxis:f.getxAxisDataTime(e,o.mode,t)[e-10]}]],a.data=f.getRandomArr({num:e,max:200,min:0,mode:o.mode,hasDataSource:t}),a.times=f.getxAxisDataTime(e,o.mode,t),a.pieces=[{lte:e-10,color:p.value.lineColor},{gt:e-10,lte:e-5,color:A[0]},{gt:e-5,color:p.value.lineColor}]},P=(t,e)=>{let d=Array.from({length:t},(i,u)=>u),g=[];for(let i in e)g.push(...e[i]);let S=new Array(t).fill(!1);for(let[i,u]of g)for(let h=i;h<u;h++)S[h]=!0;return d.filter(i=>!S[i]).reduce((i,u)=>(i.length===0||u-i[i.length-1][1]>1?i.push([u,u]):i[i.length-1][1]=u,i),[])},U=t=>{if(!f.hasDataSource(o.conf))return;a.times=t.times,a.data=t.data,a.area=[],a.pieces=[];let e=0;for(let g in t.range)t.range[g]&&t.range[g].forEach(m=>{a.pieces.push({gte:m[0],lte:m[1],color:A[e]}),a.area.push([{name:g,xAxis:m[0],itemStyle:{color:R[e]}},{xAxis:t.times[m[1]]}])}),e++;let d=P(t.data.length,t.range);d.length&&d.forEach(g=>{a.pieces.push({gte:g[0]-1,lte:g[1]+1,color:p.value.lineColor})}),s==null||s.setOption(D(),!0)},O=t=>{f.hasDataSource(o.conf)},T={preview:()=>b.preview(o,r.value,U,O,"rangeLin"),unregister:()=>b.unregister(o,r.value)};n.watchEffect(()=>{o.conf.socketData&&O(o.conf.socketData)});const E=o.conf;return(t,e)=>(n.openBlock(),n.createElementBlock("div",{class:"mix-component",style:n.normalizeStyle({background:n.unref(p).bgColor,borderRadius:`${n.unref(p).radiusSize}px`})},[n.createElementVNode("div",{class:"mix-title",style:n.normalizeStyle(w.value)},n.toDisplayString(n.unref(E).caption||n.unref(E).name),5),n.createElementVNode("div",{class:"mix-body"},[n.createElementVNode("div",{class:"w-full h-full",id:l})]),n.renderSlot(t.$slots,"default",{},void 0,!0)],4))}})),se=f._export_sfc(le,[["__scopeId","data-v-457c07dd"]]);exports.default=se;