mixdashboards 1.0.71 → 1.0.73

package/dist/filterBar-BJzjPFFg.cjs

@@ -0,0 +1 @@
+"use strict";var J=Object.defineProperty,X=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable;var O=(s,a,r)=>a in s?J(s,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[a]=r,R=(s,a)=>{for(var r in a||(a={}))ee.call(a,r)&&O(s,r,a[r]);if(A)for(var r of A(a))te.call(a,r)&&O(s,r,a[r]);return s},H=(s,a)=>X(s,Z(a));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/date-picker/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/checkbox/style/css");require("element-plus/es/components/input/style/css");require("element-plus/es/components/icon/style/css");require("element-plus/es/components/select/style/css");require("element-plus/es/components/option/style/css");const e=require("vue"),le=require("@element-plus/icons-vue"),oe=require("./BaseComponent-Chnv4fBT.cjs"),j=require("./index-DVqMfQVc.cjs"),I=require("./ele-vlu-icon-Dv-R7Xuc.cjs"),ne={class:"filter-left-group"},ae={class:"filter-item"},re={class:"filter-item"},ie=["onClick"],se={class:"item-label"},ue={key:0,class:"item-region"},de={key:0,class:"monitor-dropdown-empty"},ce={class:"filter-item time-range"},me={DEFAULT_ICON:I.DEFAULT_ICON,ACTIVE_ICON:I.ACTIVE_ICON,NAME_CN:"筛选条件栏",NAME_EN:"FilterBar",ORDER:4,PLATFORM:["pc","screen"]},pe={bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},borderColor:{value:"#e8ecef",type:"color",label:"边框颜色"},padding:{value:15,type:"number",label:"component.options.padding"},defaultQuickTime:{value:"today",type:"select",label:"默认快捷时间",options:[{label:"一天内",value:"today"},{label:"一周内",value:"week"},{label:"一个月内",value:"month"},{label:"一年内",value:"year"},{label:"无",value:""}]},linkChannel:{value:"crack",type:"select",label:"component.linkChannel",options:[{label:"裂缝监测",value:"crack"},{label:"GNSS监测",value:"gnss"},{label:"边坡监测",value:"slope"},{label:"深部位移",value:"deepDisplacement"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"component.customChannel",showWhen:{linkChannel:"custom"}}},ve=[{name:"CRACK4",fv:"",object_id:"",region:"中央区"},{name:"CRACK15",fv:"",object_id:"",region:"北帮"},{name:"CRACK26",fv:"",object_id:"",region:"南帮"},{name:"CRACK37",fv:"",object_id:"",region:"西帮"},{name:"CRACK48",fv:"",object_id:"",region:"东帮"}],fe=["name","fv","object_id","region"],ye=[],ge={useAlias:!1,multiObject:!0,source:"mosaic"},Ce=50,be={DEFAULT:me,OPTIONS:pe,DATA:ve,PARAMS:fe,SOURCE:ye,ITEMS:Ce,COMMON:ge},ke=e.defineComponent(H(R({},be),{__name:"filterBar",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(s){const a=s,r=e.ref(""),i=e.ref([]),d=e.ref(""),y=e.ref(""),u=e.ref("today"),m=e.ref(!1),g=e.ref(null),V=e.ref(null),h=e.ref({}),p=e.computed(()=>{const l=a.conf.data;return!l||!Array.isArray(l)?[]:l.filter(t=>t.name)}),q=e.computed(()=>{const l=new Set;return p.value.forEach(t=>{t.region&&l.add(t.region)}),Array.from(l)}),v=e.computed(()=>r.value?p.value.filter(l=>l.region===r.value):p.value),w=e.computed(()=>i.value.length===0?"":i.value.join("、")),N=e.computed(()=>{const l=v.value;return l.length>0&&l.every(t=>i.value.includes(t.name))}),z=e.computed(()=>{const l=v.value,t=l.filter(n=>i.value.includes(n.name)).length;return t>0&&t<l.length});class L extends oe.BaseComponent{extractStyles(){return{bgColor:this.getOptionValue("bgColor","#ffffff"),textColor:this.getOptionValue("textColor","#333333"),borderColor:this.getOptionValue("borderColor","#e8ecef"),padding:this.getOptionValue("padding",15),linkChannel:this.getOptionValue("linkChannel","crack"),defaultQuickTime:this.getOptionValue("defaultQuickTime","today")}}init(){this.Style.value=this.extractStyles(),this.applyTheme();const t=this.Style.value.defaultQuickTime||"today";u.value=t,Y(t),this.props.mode==="preview"&&p.value.length>0&&i.value.length===0&&(i.value=[p.value[0].name],S())}setSocketData(t){}}const k=new L(a,"filterBar");k.setupLifecycle();const C=k.getStyle(),$=e.computed(()=>({background:C.value.bgColor,color:C.value.textColor,padding:`${C.value.padding}px 25px`,borderBottom:`1px solid ${C.value.borderColor}`})),x=()=>{m.value=!m.value,m.value&&F()};function F(){if(!g.value)return;const l=g.value.getBoundingClientRect();h.value={position:"fixed",top:`${l.bottom+4}px`,left:`${l.left}px`,zIndex:"9999"}}const E=l=>{const t=g.value,n=V.value;t&&!t.contains(l.target)&&n&&!n.contains(l.target)&&(m.value=!1)};e.onMounted(()=>{document.addEventListener("click",E)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",E)});const _=()=>{const l=v.value;if(N.value){const t=l.map(n=>n.name);i.value=i.value.filter(n=>!t.includes(n))}else{const t=new Set(i.value);l.forEach(n=>t.add(n.name)),i.value=Array.from(t)}},M=l=>{const t=i.value.indexOf(l.name);t>-1?i.value.splice(t,1):i.value.push(l.name)},Q=()=>{};function Y(l){const t=j.dayjs();switch(y.value=t.format("YYYY/MM/DD HH:mm"),l){case"today":d.value=t.subtract(1,"day").format("YYYY/MM/DD HH:mm");break;case"week":d.value=t.subtract(7,"day").format("YYYY/MM/DD HH:mm");break;case"month":d.value=t.subtract(1,"month").format("YYYY/MM/DD HH:mm");break;case"year":d.value=t.subtract(1,"year").format("YYYY/MM/DD HH:mm");break}}const b=l=>{u.value=l,Y(l)},D=()=>{u.value=""},S=()=>{if(a.mode!=="preview")return;const l=p.value.filter(n=>i.value.includes(n.name)),t=[...new Set(l.map(n=>n.object_id).filter(Boolean))];k.publish({type:"filter",region:r.value,selectedMonitors:i.value,objectId:t.length===1?t[0]:t[0]||"",objectIds:t,timeRange:u.value||"custom",dateRange:[d.value,y.value]})},U=()=>{S()};return(l,t)=>{const n=c.ElOption,P=c.ElSelect,K=c.ElIcon,W=c.ElInput,B=c.ElCheckbox,f=c.ElButton,T=c.ElDatePicker;return e.openBlock(),e.createElementBlock("div",{class:"mix-component crack-filter-bar",style:e.normalizeStyle($.value)},[e.createElementVNode("div",ne,[e.createElementVNode("div",ae,[t[8]||(t[8]=e.createElementVNode("span",{class:"filter-label"},"区域位置:",-1)),e.createVNode(P,{modelValue:r.value,"onUpdate:modelValue":t[0]||(t[0]=o=>r.value=o),placeholder:"全部区域",size:"default",style:{width:"120px"},onChange:Q},{default:e.withCtx(()=>[e.createVNode(n,{label:"全部区域",value:""}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,o=>(e.openBlock(),e.createBlock(n,{key:o,label:o,value:o},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),e.createElementVNode("div",re,[t[10]||(t[10]=e.createElementVNode("span",{class:"filter-label"},"监测点:",-1)),e.createElementVNode("div",{class:"monitor-select-wrapper",ref_key:"monitorWrapperRef",ref:g},[e.createVNode(W,{modelValue:w.value,"onUpdate:modelValue":t[1]||(t[1]=o=>w.value=o),placeholder:"输入编号(如11)或选择",size:"default",style:{width:"180px"},readonly:"",onClick:x,onFocus:x},{suffix:e.withCtx(()=>[e.createVNode(K,{class:e.normalizeClass(["dropdown-arrow",{"is-open":m.value}])},{default:e.withCtx(()=>[e.createVNode(e.unref(le.ArrowDown))]),_:1},8,["class"])]),_:1},8,["modelValue"]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.withDirectives(e.createElementVNode("div",{class:"monitor-dropdown",style:e.normalizeStyle(h.value),ref_key:"dropdownRef",ref:V},[e.createElementVNode("div",{class:"monitor-dropdown-item",onClick:e.withModifiers(_,["stop"])},[e.createVNode(B,{"model-value":N.value,indeterminate:z.value,onChange:_},null,8,["model-value","indeterminate"]),t[9]||(t[9]=e.createElementVNode("span",{class:"item-label",style:{"font-weight":"bold"}},"全选",-1))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.name,class:"monitor-dropdown-item",onClick:e.withModifiers(G=>M(o),["stop"])},[e.createVNode(B,{"model-value":i.value.includes(o.name),onChange:G=>M(o)},null,8,["model-value","onChange"]),e.createElementVNode("span",se,[e.createTextVNode(e.toDisplayString(o.name)+" ",1),o.region?(e.openBlock(),e.createElementBlock("span",ue,"("+e.toDisplayString(o.region)+")",1)):e.createCommentVNode("",!0)])],8,ie))),128)),v.value.length===0?(e.openBlock(),e.createElementBlock("div",de," 暂无监测点，请在右侧数据面板配置 ")):e.createCommentVNode("",!0)],4),[[e.vShow,m.value]])]))],512)]),e.createVNode(f,{type:u.value==="today"?"primary":"default",size:"default",onClick:t[2]||(t[2]=o=>b("today"))},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("一天内",-1)])]),_:1},8,["type"]),e.createVNode(f,{type:u.value==="week"?"primary":"default",size:"default",onClick:t[3]||(t[3]=o=>b("week"))},{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode("一周内",-1)])]),_:1},8,["type"]),e.createVNode(f,{type:u.value==="month"?"primary":"default",size:"default",onClick:t[4]||(t[4]=o=>b("month"))},{default:e.withCtx(()=>[...t[13]||(t[13]=[e.createTextVNode("一个月内",-1)])]),_:1},8,["type"]),e.createVNode(f,{type:u.value==="year"?"primary":"default",size:"default",onClick:t[5]||(t[5]=o=>b("year"))},{default:e.withCtx(()=>[...t[14]||(t[14]=[e.createTextVNode("一年内",-1)])]),_:1},8,["type"]),e.createElementVNode("div",ce,[t[15]||(t[15]=e.createElementVNode("span",{class:"filter-label"},"时间范围:",-1)),e.createVNode(T,{modelValue:d.value,"onUpdate:modelValue":t[6]||(t[6]=o=>d.value=o),type:"datetime",placeholder:"开始时间",size:"default",format:"YYYY/MM/DD HH:mm","value-format":"YYYY/MM/DD HH:mm",style:{width:"175px"},onChange:D},null,8,["modelValue"]),t[16]||(t[16]=e.createElementVNode("span",{class:"time-separator"},"至",-1)),e.createVNode(T,{modelValue:y.value,"onUpdate:modelValue":t[7]||(t[7]=o=>y.value=o),type:"datetime",placeholder:"结束时间",size:"default",format:"YYYY/MM/DD HH:mm","value-format":"YYYY/MM/DD HH:mm",style:{width:"175px"},onChange:D},null,8,["modelValue"])]),e.createVNode(f,{type:"primary",size:"default",onClick:U},{default:e.withCtx(()=>[...t[17]||(t[17]=[e.createTextVNode("查询",-1)])]),_:1})]),e.renderSlot(l.$slots,"default",{},void 0,!0)],4)}}})),Ve=j._export_sfc(ke,[["__scopeId","data-v-476c8b69"]]);exports.default=Ve;

package/dist/{filterBar-qJJKdxYE.js → filterBar-CRJinh5K.js}

@@ -1,16 +1,16 @@
 var se = Object.defineProperty, ue = Object.defineProperties;
 var de = Object.getOwnPropertyDescriptors;
 var z = Object.getOwnPropertySymbols;
-var me = Object.prototype.hasOwnProperty, pe = Object.prototype.propertyIsEnumerable;
+var me = Object.prototype.hasOwnProperty, ce = Object.prototype.propertyIsEnumerable;
 var $ = (u, n, a) => n in u ? se(u, n, { enumerable: !0, configurable: !0, writable: !0, value: a }) : u[n] = a, L = (u, n) => {
   for (var a in n || (n = {}))
     me.call(n, a) && $(u, a, n[a]);
   if (z)
     for (var a of z(n))
-      pe.call(n, a) && $(u, a, n[a]);
+      ce.call(n, a) && $(u, a, n[a]);
   return u;
 }, Q = (u, n) => ue(u, de(n));
-import { ElSelect as ce, ElOption as ve, ElInput as fe, ElIcon as ye, ElCheckbox as ge, ElButton as be, ElDatePicker as Ce } from "element-plus/es";
+import { ElSelect as pe, ElOption as ve, ElInput as fe, ElIcon as ye, ElCheckbox as ge, ElButton as be, ElDatePicker as Ce } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/date-picker/style/css";
 import "element-plus/es/components/button/style/css";
@@ -19,24 +19,25 @@ import "element-plus/es/components/input/style/css";
 import "element-plus/es/components/icon/style/css";
 import "element-plus/es/components/select/style/css";
 import "element-plus/es/components/option/style/css";
-import { defineComponent as ke, ref as d, computed as f, onMounted as he, onBeforeUnmount as we, openBlock as p, createElementBlock as b, normalizeStyle as U, createElementVNode as s, createVNode as i, withCtx as c, Fragment as F, renderList as K, createBlock as P, normalizeClass as _e, unref as Ye, Teleport as De, withDirectives as Me, withModifiers as W, createTextVNode as C, toDisplayString as G, createCommentVNode as q, vShow as xe, renderSlot as Se } from "vue";
+import { defineComponent as ke, ref as d, computed as f, onMounted as he, onBeforeUnmount as we, openBlock as c, createElementBlock as b, normalizeStyle as F, createElementVNode as s, createVNode as i, withCtx as p, Fragment as U, renderList as K, createBlock as P, normalizeClass as _e, unref as Ye, Teleport as De, withDirectives as Me, withModifiers as W, createTextVNode as C, toDisplayString as G, createCommentVNode as q, vShow as xe, renderSlot as Se } from "vue";
 import { ArrowDown as Ae } from "@element-plus/icons-vue";
-import { B as Ve } from "./BaseComponent-D5tlYehc.js";
-import { g as Ee, _ as Oe } from "./index-Bdq33405.js";
-import { A as He, D as Re } from "./ele-vlu-icon-Bg6EHZdJ.js";
-const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = { class: "filter-item" }, Ie = ["onClick"], Ne = { class: "item-label" }, ze = {
+import { B as Ve } from "./BaseComponent-CBagahPU.js";
+import { d as Ee, _ as Oe } from "./index-DwPJu6XM.js";
+import { A as Re, D as Te } from "./ele-vlu-icon-Bg6EHZdJ.js";
+const He = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = { class: "filter-item" }, Ie = ["onClick"], Ne = { class: "item-label" }, ze = {
   key: 0,
   class: "item-region"
 }, $e = {
   key: 0,
   class: "monitor-dropdown-empty"
 }, Le = { class: "filter-item time-range" }, Qe = {
-  DEFAULT_ICON: Re,
-  ACTIVE_ICON: He,
+  DEFAULT_ICON: Te,
+  ACTIVE_ICON: Re,
   NAME_CN: "筛选条件栏",
   NAME_EN: "FilterBar",
-  ORDER: 4
-}, Ue = {
+  ORDER: 4,
+  PLATFORM: ["pc", "screen"]
+}, Fe = {
   bgColor: { value: "#ffffff", type: "color", label: "setting.bgColor" },
   textColor: { value: "#333333", type: "color", label: "setting.textColor" },
   borderColor: { value: "#e8ecef", type: "color", label: "边框颜色" },
@@ -71,7 +72,7 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
     label: "component.customChannel",
     showWhen: { linkChannel: "custom" }
   }
-}, Fe = [
+}, Ue = [
   { name: "CRACK4", fv: "", object_id: "", region: "中央区" },
   { name: "CRACK15", fv: "", object_id: "", region: "北帮" },
   { name: "CRACK26", fv: "", object_id: "", region: "南帮" },
@@ -81,7 +82,7 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
   useAlias: !1,
   multiObject: !0,
   source: "mosaic"
-}, Ge = 50, qe = { DEFAULT: Qe, OPTIONS: Ue, DATA: Fe, PARAMS: Ke, SOURCE: Pe, ITEMS: Ge, COMMON: We }, Je = /* @__PURE__ */ ke(Q(L({}, qe), {
+}, Ge = 50, qe = { DEFAULT: Qe, OPTIONS: Fe, DATA: Ue, PARAMS: Ke, SOURCE: Pe, ITEMS: Ge, COMMON: We }, Je = /* @__PURE__ */ ke(Q(L({}, qe), {
   __name: "filterBar",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -119,7 +120,7 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
       init() {
         this.Style.value = this.extractStyles(), this.applyTheme();
         const e = this.Style.value.defaultQuickTime || "today";
-        m.value = e, T(e), this.props.mode === "preview" && g.value.length > 0 && r.value.length === 0 && (r.value = [g.value[0].name], j());
+        m.value = e, H(e), this.props.mode === "preview" && g.value.length > 0 && r.value.length === 0 && (r.value = [g.value[0].name], j());
       }
       setSocketData(e) {
       }
@@ -153,7 +154,7 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
     }), we(() => {
       document.removeEventListener("click", O);
     });
-    const H = () => {
+    const R = () => {
       const t = k.value;
       if (V.value) {
         const e = t.map((o) => o.name);
@@ -162,12 +163,12 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
         const e = new Set(r.value);
         t.forEach((o) => e.add(o.name)), r.value = Array.from(e);
       }
-    }, R = (t) => {
+    }, T = (t) => {
       const e = r.value.indexOf(t.name);
       e > -1 ? r.value.splice(e, 1) : r.value.push(t.name);
     }, le = () => {
     };
-    function T(t) {
+    function H(t) {
       const e = Ee();
       switch (w.value = e.format("YYYY/MM/DD HH:mm"), t) {
         case "today":
@@ -185,7 +186,7 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
       }
     }
     const D = (t) => {
-      m.value = t, T(t);
+      m.value = t, H(t);
     }, B = () => {
       m.value = "";
     }, j = () => {
@@ -204,12 +205,12 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
       j();
     };
     return (t, e) => {
-      const o = ve, ne = ce, ae = ye, re = fe, I = ge, h = be, N = Ce;
-      return p(), b("div", {
+      const o = ve, ne = pe, ae = ye, re = fe, I = ge, h = be, N = Ce;
+      return c(), b("div", {
         class: "mix-component crack-filter-bar",
-        style: U(ee.value)
+        style: F(ee.value)
       }, [
-        s("div", Te, [
+        s("div", He, [
           s("div", Be, [
             e[8] || (e[8] = s("span", { class: "filter-label" }, "区域位置:", -1)),
             i(ne, {
@@ -220,12 +221,12 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
               style: { width: "120px" },
               onChange: le
             }, {
-              default: c(() => [
+              default: p(() => [
                 i(o, {
                   label: "全部区域",
                   value: ""
                 }),
-                (p(!0), b(F, null, K(J.value, (l) => (p(), P(o, {
+                (c(!0), b(U, null, K(J.value, (l) => (c(), P(o, {
                   key: l,
                   label: l,
                   value: l
@@ -251,11 +252,11 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
                 onClick: E,
                 onFocus: E
               }, {
-                suffix: c(() => [
+                suffix: p(() => [
                   i(ae, {
                     class: _e(["dropdown-arrow", { "is-open": y.value }])
                   }, {
-                    default: c(() => [
+                    default: p(() => [
                       i(Ye(Ae))
                     ]),
                     _: 1
@@ -263,42 +264,42 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
-              (p(), P(De, { to: "body" }, [
+              (c(), P(De, { to: "body" }, [
                 Me(s("div", {
                   class: "monitor-dropdown",
-                  style: U(S.value),
+                  style: F(S.value),
                   ref_key: "dropdownRef",
                   ref: x
                 }, [
                   s("div", {
                     class: "monitor-dropdown-item",
-                    onClick: W(H, ["stop"])
+                    onClick: W(R, ["stop"])
                   }, [
                     i(I, {
                       "model-value": V.value,
                       indeterminate: X.value,
-                      onChange: H
+                      onChange: R
                     }, null, 8, ["model-value", "indeterminate"]),
                     e[9] || (e[9] = s("span", {
                       class: "item-label",
                       style: { "font-weight": "bold" }
                     }, "全选", -1))
                   ]),
-                  (p(!0), b(F, null, K(k.value, (l) => (p(), b("div", {
+                  (c(!0), b(U, null, K(k.value, (l) => (c(), b("div", {
                     key: l.name,
                     class: "monitor-dropdown-item",
-                    onClick: W((ie) => R(l), ["stop"])
+                    onClick: W((ie) => T(l), ["stop"])
                   }, [
                     i(I, {
                       "model-value": r.value.includes(l.name),
-                      onChange: (ie) => R(l)
+                      onChange: (ie) => T(l)
                     }, null, 8, ["model-value", "onChange"]),
                     s("span", Ne, [
                       C(G(l.name) + " ", 1),
-                      l.region ? (p(), b("span", ze, "(" + G(l.region) + ")", 1)) : q("", !0)
+                      l.region ? (c(), b("span", ze, "(" + G(l.region) + ")", 1)) : q("", !0)
                     ])
                   ], 8, Ie))), 128)),
-                  k.value.length === 0 ? (p(), b("div", $e, " 暂无监测点，请在右侧数据面板配置 ")) : q("", !0)
+                  k.value.length === 0 ? (c(), b("div", $e, " 暂无监测点，请在右侧数据面板配置 ")) : q("", !0)
                 ], 4), [
                   [xe, y.value]
                 ])
@@ -310,7 +311,7 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
             size: "default",
             onClick: e[2] || (e[2] = (l) => D("today"))
           }, {
-            default: c(() => [...e[11] || (e[11] = [
+            default: p(() => [...e[11] || (e[11] = [
               C("一天内", -1)
             ])]),
             _: 1
@@ -320,7 +321,7 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
             size: "default",
             onClick: e[3] || (e[3] = (l) => D("week"))
           }, {
-            default: c(() => [...e[12] || (e[12] = [
+            default: p(() => [...e[12] || (e[12] = [
               C("一周内", -1)
             ])]),
             _: 1
@@ -330,7 +331,7 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
             size: "default",
             onClick: e[4] || (e[4] = (l) => D("month"))
           }, {
-            default: c(() => [...e[13] || (e[13] = [
+            default: p(() => [...e[13] || (e[13] = [
               C("一个月内", -1)
             ])]),
             _: 1
@@ -340,7 +341,7 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
             size: "default",
             onClick: e[5] || (e[5] = (l) => D("year"))
           }, {
-            default: c(() => [...e[14] || (e[14] = [
+            default: p(() => [...e[14] || (e[14] = [
               C("一年内", -1)
             ])]),
             _: 1
@@ -376,7 +377,7 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
             size: "default",
             onClick: oe
           }, {
-            default: c(() => [...e[17] || (e[17] = [
+            default: p(() => [...e[17] || (e[17] = [
               C("查询", -1)
             ])]),
             _: 1
@@ -386,7 +387,7 @@ const Te = { class: "filter-left-group" }, Be = { class: "filter-item" }, je = {
       ], 4);
     };
   }
-})), ct = /* @__PURE__ */ Oe(Je, [["__scopeId", "data-v-2d2e6d03"]]);
+})), pt = /* @__PURE__ */ Oe(Je, [["__scopeId", "data-v-476c8b69"]]);
 export {
-  ct as default
+  pt as default
 };

package/dist/fireCombustionCurve-BGdJ1ybj.cjs

@@ -0,0 +1 @@
+"use strict";var he=Object.defineProperty,ge=Object.defineProperties;var be=Object.getOwnPropertyDescriptors;var Z=Object.getOwnPropertySymbols,ye=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable,xe=Reflect.get;var J=(v,l,c)=>l in v?he(v,l,{enumerable:!0,configurable:!0,writable:!0,value:c}):v[l]=c,Q=(v,l)=>{for(var c in l||(l={}))Ce.call(l,c)&&J(v,c,l[c]);if(Z)for(var c of Z(l))_e.call(l,c)&&J(v,c,l[c]);return v},X=(v,l)=>ge(v,be(l));var ee=(v,l,c)=>xe(ye(v),c,l);var z=(v,l,c)=>new Promise((w,C)=>{var M=_=>{try{N(c.next(_))}catch(V){C(V)}},h=_=>{try{N(c.throw(_))}catch(V){C(V)}},N=_=>_.done?w(_.value):Promise.resolve(_.value).then(M,h);N((c=c.apply(v,l)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=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 Se=require("./EChartComponentBase-dLE5F7Tt.cjs"),te=require("@element-plus/icons-vue"),oe=require("./ele-lin-icon-Dke_1AmT.cjs"),Ee={class:"chart-panel"},je={class:"panel-header"},we={class:"header-right"},Ne={class:"indicator-selector-panel"},Ve={class:"indicator-select-all"},ke={class:"legend-bar"},Ie={class:"legend-items"},Ae=["onClick"],Me={class:"legend-text"},Oe=["id"],De={DEFAULT_ICON:oe.DEFAULT_ICON,ACTIVE_ICON:oe.ACTIVE_ICON,NAME_CN:"煤自燃关键指标时序曲线",NAME_EN:"Fire Combustion Curve",ORDER:2,PLATFORM:["pc","screen"]},Le={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:"fire",type:"select",label:"component.linkChannel",options:[{label:"煤自燃监测",value:"fire"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"component.customChannel",showWhen:{linkChannel:"custom"}}},Te=[{name:"温度(℃)",fv:"",object_id:"",color:"#ee6666",deviceFv:""},{name:"一氧化碳浓度(ppm)",fv:"",object_id:"",color:"#fac858",deviceFv:""},{name:"氧气浓度(%)",fv:"",object_id:"",color:"#5470c6",deviceFv:""}],Fe=["name","fv","object_id","color","deviceFv"],$e=["mosaic","statistics","calculate"],qe={useAlias:!1,multiObject:!1,hideMultiObject:!0,source:"mosaic"},Be=50,Ye={DEFAULT:De,OPTIONS:Le,DATA:Te,PARAMS:Fe,SOURCE:$e,ITEMS:Be,COMMON:qe},Re=t.defineComponent(X(Q({},Ye),{__name:"fireCombustionCurve",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(v){const l=v,c=new Map,w=new Map;let C=0;class M extends Se.EChartComponentBase{extractStyles(){var i,f,m,o,u,s,d;const e=(i=this.props.conf)==null?void 0:i.options,n=((f=e==null?void 0:e.linkChannel)==null?void 0:f.value)||"fire",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 Y(this.Style.value)}needsHistoryData(){return!1}onPreview(){return z(this,null,function*(){var n,r,i,f,m;const e=((r=(n=this.props.conf)==null?void 0:n.common)==null?void 0:r.object_id)||((m=(f=(i=this.props.conf)==null?void 0:i.data)==null?void 0:f[0])==null?void 0:m.object_id)||"";if(e&&b.value.length===0){b.value=[e],$.value=e,yield R([e]);return}yield ee(M.prototype,this,"onPreview").call(this)})}setSocketData(e){var m;if(!e)return;const n=e.object_id||e.objectId||"";if(n&&b.value.length>0&&!b.value.includes(n))return;const r=e.datetime?e.datetime.split(".")[0]:T.dayjs().format("YYYY/MM/DD HH:mm"),i=((m=this.props.conf)==null?void 0:m.data)||[],f=b.value.length>1;i.forEach(o=>{if(o.deviceFv){const u=this.extractDataValue(e,o.deviceFv);if(u!=null&&String(u).trim()){const s=String(u).trim();f&&n?S.value.set(n,s):(w.set(o.name||o.fv,s),n&&S.value.set(n,s))}}}),i.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=c.get(s);d?(d.times.push(r),d.values.push(parseFloat(u)),d.times.length>200&&(d.times.shift(),d.values.shift())):c.set(s,{times:[r],values:[parseFloat(u)]})}),this.chartObj&&this.chartObj.setOption(Y(this.Style.value),!1)}onLinkEvent(e){fe(e)}}const h=new M(l,"fireCombustionCurve");h.setupLifecycle();const N=h.getStyle(),_=h.getEchartId(),V=t.computed(()=>{var a;return((a=l.conf)==null?void 0:a.data)||[]}),g=t.computed(()=>{const a=new Set;return V.value.filter(e=>e.name&&!a.has(e.name)?(a.add(e.name),!0):!1)}),p=t.ref([]);t.watch(g,a=>{a.length>0&&p.value.length===0&&(p.value=a.map(e=>e.fv||e.name))},{immediate:!0});const H=t.computed({get:()=>g.value.length>0&&p.value.length===g.value.length,set:()=>{}}),ne=t.computed(()=>{const a=p.value.length;return a>0&&a<g.value.length}),ae=t.computed(()=>{if(p.value.length===0)return"选择监测指标";if(p.value.length===g.value.length)return"全部指标";const e=g.value.filter(n=>p.value.includes(n.fv||n.name)).map(n=>n.name).join(", ");return e.length>14?e.substring(0,14)+"...":e}),le=a=>{p.value=a?g.value.map(e=>e.fv||e.name):[],k()},x=t.ref(new Set),se=t.computed(()=>{if(b.value.length>1){const e=[];for(const n of b.value){const r=S.value.get(n)||n.slice(-6);g.value.filter(i=>p.value.includes(i.fv||i.name)).forEach(i=>{e.push({name:`${r}-${i.name}`,color:i.color||"#5470c6",visible:!x.value.has(`${n}:${i.name}`)})})}return e}return g.value.filter(e=>p.value.includes(e.fv||e.name)).map(e=>{const n=w.get(e.name)||S.value.values().next().value||"";return{name:n?`${n}-${e.name}`:e.name,color:e.color||"#5470c6",visible:!x.value.has(e.name)}})}),re=a=>{const e=a.name.includes("-")?a.name.split("-").slice(1).join("-"):a.name;x.value.has(e)?x.value.delete(e):x.value.add(e),x.value=new Set(x.value),k()},b=t.ref([]),ce=t.computed(()=>{var a,e,n;return(e=(a=l.conf)==null?void 0:a.common)!=null&&e.object_id||(n=l.conf)!=null&&n.object_id?!0:V.value.some(r=>!!r.object_id)}),ie=t.computed(()=>ce.value||b.value.length>0),S=t.ref(new Map),$=t.ref("");let q=null;const ue=t.computed(()=>({backgroundColor:N.value.bgColor,color:N.value.textColor})),B=()=>{c.clear();const a=T.dayjs();V.value.forEach((e,n)=>{const r=[],i=[],f=[85,50,10],m=[3,5,1.5],o=f[n%3]||20,u=m[n%3]||3;for(let s=0;s<100;s++)r.push(a.subtract((100-s)*15,"minute").format("YYYY/MM/DD HH:mm")),i.push(+(o+(Math.random()-.5)*u+Math.sin(s/10)*u*.4).toFixed(2));c.set(e.name,{times:r,values:i})})},Y=a=>{if(l.mode!=="edit"){if(!ie.value)return{xAxis:{type:"category",data:[]},yAxis:{type:"value"},series:[]};if(c.size===0)return{xAxis:{type:"category",data:[]},yAxis:{type:"value"},series:[]}}let e=[];for(const[,o]of c)o.times.length>e.length&&(e=o.times);!e.length&&l.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=b.value.length>1,i=["#ee6666","#fac858","#5470c6","#91cc75","#73c0de","#3ba272","#fc8452","#9a60b4"];let f=0,m=[];if(r&&l.mode!=="edit")for(const o of b.value){const u=S.value.get(o)||o.slice(-6);g.value.filter(s=>p.value.includes(s.fv||s.name)).forEach(s=>{const d=`${o}:${s.name}`,I=`${u}-${s.name}`,E=s.color||i[f%i.length];n[I]=!x.value.has(d);const F=c.get(d);m.push({name:I,type:"line",smooth:!0,showSymbol:!1,data:(F==null?void 0:F.values)||[],lineStyle:{color:E,width:2.5,type:"solid"},itemStyle:{color:E}}),f++})}else m=g.value.filter(o=>p.value.includes(o.fv||o.name)).map(o=>{const u=w.get(o.name)||S.value.values().next().value||"",s=u?`${u}-${o.name}`:o.name;n[s]=!x.value.has(o.name);const d=c.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:a.gridColor}},axisLabel:{color:a.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:a.textColor,fontSize:11},splitLine:{lineStyle:{color:a.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}},k=()=>{const a=h.getChartInstance();a&&a.setOption(Y(N.value),!0)},de=()=>{const a=h.getChartInstance();if(!a)return;const e=document.createElement("a");e.href=a.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),e.download=`煤自燃关键指标时序曲线_${T.dayjs().format("YYYYMMDDHHmmss")}.png`,e.click()},fe=a=>{const{payload:e}=a;if(!e)return;if(e.type==="filter"){const r=e.objectIds&&e.objectIds.length>0?e.objectIds:e.objectId?[e.objectId]:[];e.dateRange&&Array.isArray(e.dateRange)&&e.dateRange.length===2&&(q={start_time:e.dateRange[0],end_time:e.dateRange[1]}),r.length>0&&(b.value=r,$.value=[...r].sort().join(","),R(r)),(l.mode==="edit"||r.length===0)&&(B(),k());return}const n=e.objectId||e.object_id;n&&(b.value=[n],$.value=n,R([n]))},R=a=>z(null,null,function*(){var s;if(!a.length||l.mode!=="preview")return;const e=++C;c.clear(),S.value.clear(),w.clear();const n=(s=h.session)==null?void 0:s.value;if(!n)return;const r=l.conf.id;n.componentRequests&&n.componentRequests.delete(r),typeof n.unsubscribeComponent=="function"&&n.unsubscribeComponent(r);const{data:i,common:f}=l.conf,m=a.length>1;q&&(f.historyTimeRange=q),l.conf.options||(l.conf.options={});const o=l.conf.options.points,u=Object.prototype.hasOwnProperty.call(l.conf.options,"points");(!o||Number(o)<24)&&(l.conf.options.points=24);for(const d of a){if(C!==e)return;Array.isArray(i)&&i.forEach(E=>{E.object_id=d}),f.multiObject||(f.object_id=d);try{const E=yield Promise.resolve().then(()=>require("./history-MxYUUwkm.cjs")),O=yield new E.default().getHistoryData(l,"fireCombustionCurve");if(C!==e)return;const U=(O==null?void 0:O.history)||(Array.isArray(O)?O:[]);U.length>0&&i.forEach((y,me)=>{if(!y.fv)return;const G=U[me];if(!Array.isArray(G))return;const ve=[...G].sort((j,D)=>new Date(j.time||j.datetime||"").getTime()-new Date(D.time||D.datetime||"").getTime()),pe=m?`${d}:${y.name||y.fv}`:y.name||y.fv,P=[],K=[];ve.forEach(j=>{const D=j.time||j.datetime,W=j[y.fv];if(D&&W!=null){const A=parseFloat(W);isNaN(A)||(P.push(D.split(".")[0]),K.push(A))}if(y.deviceFv&&j[y.deviceFv]){const A=String(j[y.deviceFv]);m||w.set(y.name||y.fv,A),S.value.set(d,A)}}),P.length>0&&c.set(pe,{times:P,values:K})})}catch(E){console.warn("[煤自燃曲线] 历史数据获取失败:",E)}if(C!==e)return;const I=h.getSource();h.subscribeBySource(I,d)}u?l.conf.options.points=o:delete l.conf.options.points,C===e&&(k(),n.registerComponent({id:r,request:null,onUpdate:(d,I)=>{C===e&&d==="realtime"&&h.setSocketData(I)}}))});return t.onMounted(()=>{l.mode==="edit"&&B(),setTimeout(()=>{var a;return(a=h.getChartInstance())==null?void 0:a.resize()},200)}),t.watch(()=>l.conf,()=>{l.mode==="edit"&&(B(),k())},{deep:!0}),(a,e)=>{const n=L.ElIcon,r=L.ElButton,i=L.ElCheckbox,f=L.ElCheckboxGroup,m=L.ElPopover;return t.openBlock(),t.createElementBlock("div",{class:"fire-combustion-curve",style:t.normalizeStyle(ue.value)},[t.createElementVNode("div",Ee,[t.createElementVNode("div",je,[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",Ve,[t.createVNode(i,{modelValue:H.value,"onUpdate:modelValue":e[0]||(e[0]=o=>H.value=o),indeterminate:ne.value,onChange:le},{default:t.withCtx(()=>[...e[2]||(e[2]=[t.createTextVNode(" 全部指标 ",-1)])]),_:1},8,["modelValue","indeterminate"])]),t.createVNode(f,{modelValue:p.value,"onUpdate:modelValue":e[1]||(e[1]=o=>p.value=o),onChange:k},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(g.value,o=>(t.openBlock(),t.createBlock(i,{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:de},{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",ke,[t.createElementVNode("div",Ie,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(se.value,o=>(t.openBlock(),t.createElementBlock("span",{key:o.name,class:t.normalizeClass(["legend-item",{disabled:!o.visible}]),onClick:u=>re(o)},[t.createElementVNode("span",{class:"legend-line",style:t.normalizeStyle({borderTopColor:o.visible?o.color:"#ccc"})},null,4),t.createElementVNode("span",Me,t.toDisplayString(o.name),1)],10,Ae))),128))])]),t.createElementVNode("div",{id:t.unref(_),class:"chart-container"},null,8,Oe)]),t.renderSlot(a.$slots,"default",{},void 0,!0)],4)}}})),Pe=T._export_sfc(Re,[["__scopeId","data-v-e355abb5"]]);exports.default=Pe;