mixdashboards 1.0.32 → 1.0.39

package/dist/fireCombustionCurve-DYPC4zKJ.js

@@ -0,0 +1,405 @@
+var se = Object.defineProperty, re = Object.defineProperties;
+var ie = Object.getOwnPropertyDescriptors;
+var B = Object.getOwnPropertySymbols;
+var ce = Object.prototype.hasOwnProperty, ue = Object.prototype.propertyIsEnumerable;
+var H = (p, s, i) => s in p ? se(p, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : p[s] = i, R = (p, s) => {
+  for (var i in s || (s = {}))
+    ce.call(s, i) && H(p, i, s[i]);
+  if (B)
+    for (var i of B(s))
+      ue.call(s, i) && H(p, i, s[i]);
+  return p;
+}, U = (p, s) => re(p, ie(s));
+import { ElPopover as de, ElCheckbox as fe, ElCheckboxGroup as me, ElButton as pe, ElIcon as ve } 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 he, computed as h, ref as y, watch as $, onMounted as ge, onUnmounted as be, openBlock as x, createElementBlock as j, normalizeStyle as P, createElementVNode as u, createVNode as g, withCtx as b, createTextVNode as L, Fragment as q, renderList as G, createBlock as Ce, toDisplayString as Y, unref as N, normalizeClass as _e, renderSlot as ye } from "vue";
+import { d as I, _ as xe } from "./index-kShjySl9.js";
+import { E as Se } from "./EChartComponentBase-BQOhWkz2.js";
+import { ArrowDown as ke, Download as je } from "@element-plus/icons-vue";
+import { A as Ie, D as De } from "./ele-lin-icon-Dax-ZiWV.js";
+const Ee = { class: "chart-panel" }, Ae = { class: "panel-header" }, we = { class: "header-right" }, Me = { class: "indicator-selector-panel" }, Oe = { class: "indicator-select-all" }, Fe = { class: "legend-bar" }, Le = { class: "legend-items" }, Ye = ["onClick"], Ne = { class: "legend-text" }, Ve = ["id"], Te = {
+  DEFAULT_ICON: De,
+  ACTIVE_ICON: Ie,
+  NAME_CN: "煤自燃关键指标时序曲线",
+  NAME_EN: "Fire Combustion Curve",
+  ORDER: 2
+}, ze = {
+  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" }
+  }
+}, Be = [
+  { name: "温度(℃)", fv: "", object_id: "", color: "#ee6666", deviceFv: "" },
+  { name: "一氧化碳浓度(ppm)", fv: "", object_id: "", color: "#fac858", deviceFv: "" },
+  { name: "氧气浓度(%)", fv: "", object_id: "", color: "#5470c6", deviceFv: "" }
+], He = ["name", "fv", "object_id", "color", "deviceFv"], Re = ["mosaic", "statistics", "calculate"], Ue = {
+  useAlias: !1,
+  multiObject: !1,
+  hideMultiObject: !0,
+  source: "mosaic"
+}, $e = 20, Pe = { DEFAULT: Te, OPTIONS: ze, DATA: Be, PARAMS: He, SOURCE: Re, ITEMS: $e, COMMON: Ue }, qe = /* @__PURE__ */ he(U(R({}, Pe), {
+  __name: "fireCombustionCurve",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(p) {
+    const s = p, i = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map();
+    class W extends Se {
+      extractStyles() {
+        var o, l, r, a, f, _, z;
+        const e = (o = this.props.conf) == null ? void 0 : o.options, n = ((l = e == null ? void 0 : e.linkChannel) == null ? void 0 : l.value) || "fire", c = ((r = e == null ? void 0 : e.customChannel) == null ? void 0 : r.value) || "";
+        return {
+          bgColor: ((a = e == null ? void 0 : e.bgColor) == null ? void 0 : a.value) || "#f5f7fa",
+          panelBgColor: ((f = e == null ? void 0 : e.panelBgColor) == null ? void 0 : f.value) || "#ffffff",
+          textColor: ((_ = e == null ? void 0 : e.textColor) == null ? void 0 : _.value) || "#333333",
+          gridColor: ((z = e == null ? void 0 : e.gridColor) == null ? void 0 : z.value) || "#f0f0f0",
+          linkChannel: n === "custom" && c ? c : n
+        };
+      }
+      getChartOption() {
+        return F(this.Style.value);
+      }
+      setSocketData(e) {
+        var o;
+        if (!e) return;
+        const n = e.datetime ? e.datetime.split(".")[0] : I().format("YYYY/MM/DD HH:mm"), c = ((o = this.props.conf) == null ? void 0 : o.data) || [];
+        c.forEach((l) => {
+          if (l.deviceFv) {
+            const r = this.extractDataValue(e, l.deviceFv);
+            r != null && String(r).trim() && D.set(l.name || l.fv, String(r).trim());
+          }
+        }), c.forEach((l) => {
+          if (!l.fv) return;
+          const r = this.extractDataValue(e, l.fv);
+          if (r == null) return;
+          const a = l.name || l.fv, f = i.get(a);
+          f ? (f.times.push(n), f.values.push(parseFloat(r)), f.times.length > 200 && (f.times.shift(), f.values.shift())) : i.set(a, { times: [n], values: [parseFloat(r)] });
+        }), this.chartObj && this.chartObj.setOption(F(this.Style.value), !1);
+      }
+      onLinkEvent(e) {
+        ae(e);
+      }
+    }
+    const d = new W(s, "fireCombustionCurve");
+    d.setupLifecycle();
+    const E = d.getStyle(), Z = d.getEchartId(), A = h(() => {
+      var t;
+      return ((t = s.conf) == null ? void 0 : t.data) || [];
+    }), v = h(() => {
+      const t = /* @__PURE__ */ new Set();
+      return A.value.filter((e) => e.name && !t.has(e.name) ? (t.add(e.name), !0) : !1);
+    }), m = y([]);
+    $(v, (t) => {
+      t.length > 0 && m.value.length === 0 && (m.value = t.map((e) => e.fv || e.name));
+    }, { immediate: !0 });
+    const V = h({
+      get: () => v.value.length > 0 && m.value.length === v.value.length,
+      set: () => {
+      }
+    }), J = h(() => {
+      const t = m.value.length;
+      return t > 0 && t < v.value.length;
+    }), K = h(() => {
+      if (m.value.length === 0) return "选择监测指标";
+      if (m.value.length === v.value.length) return "全部指标";
+      const e = v.value.filter((n) => m.value.includes(n.fv || n.name)).map((n) => n.name).join(", ");
+      return e.length > 14 ? e.substring(0, 14) + "..." : e;
+    }), Q = (t) => {
+      m.value = t ? v.value.map((e) => e.fv || e.name) : [], k();
+    }, C = y(/* @__PURE__ */ new Set()), X = h(() => v.value.filter((t) => m.value.includes(t.fv || t.name)).map((t) => {
+      const e = D.get(t.name) || M.value;
+      return {
+        name: e ? `${e}-${t.name}` : t.name,
+        color: t.color || "#5470c6",
+        visible: !C.value.has(t.name)
+      };
+    })), ee = (t) => {
+      const e = t.name.includes("-") ? t.name.split("-").slice(1).join("-") : t.name;
+      C.value.has(e) ? C.value.delete(e) : C.value.add(e), C.value = new Set(C.value), k();
+    }, w = y(""), te = h(() => {
+      var t, e, n;
+      return (e = (t = s.conf) == null ? void 0 : t.common) != null && e.object_id || (n = s.conf) != null && n.object_id ? !0 : A.value.some((c) => !!c.object_id);
+    }), oe = h(() => te.value || !!w.value), M = y(""), S = y(""), ne = h(() => ({
+      backgroundColor: E.value.bgColor,
+      color: E.value.textColor
+    })), O = () => {
+      i.clear();
+      const t = I();
+      A.value.forEach((e, n) => {
+        const c = [], o = [], l = [85, 50, 10], r = [3, 5, 1.5], a = l[n % 3] || 20, f = r[n % 3] || 3;
+        for (let _ = 0; _ < 100; _++)
+          c.push(t.subtract((100 - _) * 15, "minute").format("YYYY/MM/DD HH:mm")), o.push(+(a + (Math.random() - 0.5) * f + Math.sin(_ / 10) * f * 0.4).toFixed(2));
+        i.set(e.name, { times: c, values: o });
+      });
+    }, F = (t) => {
+      if (s.mode !== "edit") {
+        if (!oe.value)
+          return { xAxis: { type: "category", data: [] }, yAxis: { type: "value" }, series: [] };
+        if (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 && s.mode === "edit" && (e = Array.from(
+        { length: 50 },
+        (o, l) => I().subtract((50 - l) * 15, "minute").format("YYYY/MM/DD HH:mm")
+      ));
+      const n = {}, c = v.value.filter((o) => m.value.includes(o.fv || o.name)).map((o) => {
+        const l = D.get(o.name) || M.value, r = l ? `${l}-${o.name}` : o.name;
+        n[r] = !C.value.has(o.name);
+        const a = i.get(o.name);
+        return {
+          name: r,
+          type: "line",
+          smooth: !0,
+          showSymbol: !1,
+          data: (a == null ? void 0 : a.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: t.gridColor } },
+          axisLabel: {
+            color: t.textColor,
+            fontSize: 11,
+            rotate: 15,
+            interval: "auto",
+            formatter: (o) => {
+              var l;
+              if (o && o.length > 6) {
+                const r = o.split(" ");
+                return (((l = r[0]) == null ? void 0 : l.split("/").slice(1).join("/")) || "") + (r[1] ? " " + r[1] : "");
+              }
+              return o;
+            }
+          },
+          axisTick: { show: !1 },
+          boundaryGap: !1
+        },
+        yAxis: {
+          type: "value",
+          name: "监测数值",
+          scale: !0,
+          axisLine: { show: !1 },
+          axisLabel: { color: t.textColor, fontSize: 11 },
+          splitLine: { lineStyle: { color: t.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: c
+      };
+    }, k = () => {
+      const t = d.getChartInstance();
+      t && t.setOption(F(E.value), !0);
+    }, le = () => {
+      const t = d.getChartInstance();
+      if (!t) return;
+      const e = document.createElement("a");
+      e.href = t.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), e.download = `煤自燃关键指标时序曲线_${I().format("YYYYMMDDHHmmss")}.png`, e.click();
+    }, ae = (t) => {
+      const { payload: e } = t;
+      if (!e) return;
+      if (e.type === "filter") {
+        if (e.point && (M.value = String(e.point)), e.objectId) {
+          const c = S.value;
+          S.value = String(e.objectId), w.value = String(e.objectId), c !== S.value && T(S.value);
+        }
+        (s.mode === "edit" || !e.objectId) && (O(), k());
+        return;
+      }
+      const n = e.objectId || e.object_id;
+      n && (w.value = String(n), T(n));
+    }, T = (t) => {
+      var o;
+      if (!t || s.mode !== "preview") return;
+      i.clear();
+      const e = (o = d.session) == null ? void 0 : o.value;
+      if (!e) return;
+      const n = s.conf.id;
+      e.componentRequests && e.componentRequests.delete(n), e.registerComponent({
+        id: n,
+        request: null,
+        onUpdate: (l, r) => {
+          l === "realtime" && d.setSocketData(r);
+        }
+      });
+      const c = d.getSource();
+      d.subscribeBySource(c, t);
+    };
+    return ge(() => {
+      d.init(), s.mode === "edit" && O(), setTimeout(() => {
+        var t;
+        return (t = d.getChartInstance()) == null ? void 0 : t.resize();
+      }, 200);
+    }), be(() => {
+      d.cleanup();
+    }), $(() => s.conf, () => {
+      d.init(), s.mode === "edit" && O();
+    }, { deep: !0 }), (t, e) => {
+      const n = ve, c = pe, o = fe, l = me, r = de;
+      return x(), j("div", {
+        class: "fire-combustion-curve",
+        style: P(ne.value)
+      }, [
+        u("div", Ee, [
+          u("div", Ae, [
+            e[4] || (e[4] = u("div", { class: "header-left" }, [
+              u("span", { class: "indicator-dot" }),
+              u("span", { class: "panel-title" }, "📊 煤自燃监测关键指标时序曲线")
+            ], -1)),
+            u("div", we, [
+              g(r, {
+                placement: "bottom-start",
+                width: 220,
+                trigger: "click"
+              }, {
+                reference: b(() => [
+                  g(c, { size: "small" }, {
+                    default: b(() => [
+                      L(Y(K.value) + " ", 1),
+                      g(n, { class: "el-icon--right" }, {
+                        default: b(() => [
+                          g(N(ke))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: b(() => [
+                  u("div", Me, [
+                    u("div", Oe, [
+                      g(o, {
+                        modelValue: V.value,
+                        "onUpdate:modelValue": e[0] || (e[0] = (a) => V.value = a),
+                        indeterminate: J.value,
+                        onChange: Q
+                      }, {
+                        default: b(() => [...e[2] || (e[2] = [
+                          L(" 全部指标 ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["modelValue", "indeterminate"])
+                    ]),
+                    g(l, {
+                      modelValue: m.value,
+                      "onUpdate:modelValue": e[1] || (e[1] = (a) => m.value = a),
+                      onChange: k
+                    }, {
+                      default: b(() => [
+                        (x(!0), j(q, null, G(v.value, (a) => (x(), Ce(o, {
+                          key: a.fv,
+                          label: a.fv,
+                          class: "indicator-checkbox-item"
+                        }, {
+                          default: b(() => [
+                            L(Y(a.name), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["label"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              }),
+              g(c, {
+                size: "small",
+                onClick: le
+              }, {
+                default: b(() => [
+                  g(n, null, {
+                    default: b(() => [
+                      g(N(je))
+                    ]),
+                    _: 1
+                  }),
+                  e[3] || (e[3] = u("span", null, "导出图像", -1))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          u("div", Fe, [
+            u("div", Le, [
+              (x(!0), j(q, null, G(X.value, (a) => (x(), j("span", {
+                key: a.name,
+                class: _e(["legend-item", { disabled: !a.visible }]),
+                onClick: (f) => ee(a)
+              }, [
+                u("span", {
+                  class: "legend-line",
+                  style: P({ borderTopColor: a.visible ? a.color : "#ccc" })
+                }, null, 4),
+                u("span", Ne, Y(a.name), 1)
+              ], 10, Ye))), 128))
+            ])
+          ]),
+          u("div", {
+            id: N(Z),
+            class: "chart-container"
+          }, null, 8, Ve)
+        ]),
+        ye(t.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), st = /* @__PURE__ */ xe(qe, [["__scopeId", "data-v-df742467"]]);
+export {
+  st as default
+};

package/dist/fireCombustionCurve-DyiQn-WA.cjs

@@ -0,0 +1 @@
+"use strict";var J=Object.defineProperty,K=Object.defineProperties;var Q=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var X=Object.prototype.hasOwnProperty,ee=Object.prototype.propertyIsEnumerable;var O=(p,s,i)=>s in p?J(p,s,{enumerable:!0,configurable:!0,writable:!0,value:i}):p[s]=i,M=(p,s)=>{for(var i in s||(s={}))X.call(s,i)&&O(p,i,s[i]);if(A)for(var i of A(s))ee.call(s,i)&&O(p,i,s[i]);return p},L=(p,s)=>K(p,Q(s));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=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"),C=require("./index-Mh5Dw2sd.cjs"),te=require("./EChartComponentBase-BaQpBzVC.cjs"),F=require("@element-plus/icons-vue"),B=require("./ele-lin-icon-Dke_1AmT.cjs"),oe={class:"chart-panel"},ne={class:"panel-header"},le={class:"header-right"},ae={class:"indicator-selector-panel"},re={class:"indicator-select-all"},se={class:"legend-bar"},ce={class:"legend-items"},ie=["onClick"],ue={class:"legend-text"},de=["id"],fe={DEFAULT_ICON:B.DEFAULT_ICON,ACTIVE_ICON:B.ACTIVE_ICON,NAME_CN:"煤自燃关键指标时序曲线",NAME_EN:"Fire Combustion Curve",ORDER:2},me={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"}}},pe=[{name:"温度(℃)",fv:"",object_id:"",color:"#ee6666",deviceFv:""},{name:"一氧化碳浓度(ppm)",fv:"",object_id:"",color:"#fac858",deviceFv:""},{name:"氧气浓度(%)",fv:"",object_id:"",color:"#5470c6",deviceFv:""}],ve=["name","fv","object_id","color","deviceFv"],he=["mosaic","statistics","calculate"],ge={useAlias:!1,multiObject:!1,hideMultiObject:!0,source:"mosaic"},be=20,Ce={DEFAULT:fe,OPTIONS:me,DATA:pe,PARAMS:ve,SOURCE:he,ITEMS:be,COMMON:ge},_e=t.defineComponent(L(M({},Ce),{__name:"fireCombustionCurve",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(p){const s=p,i=new Map,x=new Map;class T extends te.EChartComponentBase{extractStyles(){var n,a,c,r,f,g,D;const e=(n=this.props.conf)==null?void 0:n.options,l=((a=e==null?void 0:e.linkChannel)==null?void 0:a.value)||"fire",u=((c=e==null?void 0:e.customChannel)==null?void 0:c.value)||"";return{bgColor:((r=e==null?void 0:e.bgColor)==null?void 0:r.value)||"#f5f7fa",panelBgColor:((f=e==null?void 0:e.panelBgColor)==null?void 0:f.value)||"#ffffff",textColor:((g=e==null?void 0:e.textColor)==null?void 0:g.value)||"#333333",gridColor:((D=e==null?void 0:e.gridColor)==null?void 0:D.value)||"#f0f0f0",linkChannel:l==="custom"&&u?u:l}}getChartOption(){return j(this.Style.value)}setSocketData(e){var n;if(!e)return;const l=e.datetime?e.datetime.split(".")[0]:C.dayjs().format("YYYY/MM/DD HH:mm"),u=((n=this.props.conf)==null?void 0:n.data)||[];u.forEach(a=>{if(a.deviceFv){const c=this.extractDataValue(e,a.deviceFv);c!=null&&String(c).trim()&&x.set(a.name||a.fv,String(c).trim())}}),u.forEach(a=>{if(!a.fv)return;const c=this.extractDataValue(e,a.fv);if(c==null)return;const r=a.name||a.fv,f=i.get(r);f?(f.times.push(l),f.values.push(parseFloat(c)),f.times.length>200&&(f.times.shift(),f.values.shift())):i.set(r,{times:[l],values:[parseFloat(c)]})}),this.chartObj&&this.chartObj.setOption(j(this.Style.value),!1)}onLinkEvent(e){Z(e)}}const d=new T(s,"fireCombustionCurve");d.setupLifecycle();const S=d.getStyle(),Y=d.getEchartId(),E=t.computed(()=>{var o;return((o=s.conf)==null?void 0:o.data)||[]}),v=t.computed(()=>{const o=new Set;return E.value.filter(e=>e.name&&!o.has(e.name)?(o.add(e.name),!0):!1)}),m=t.ref([]);t.watch(v,o=>{o.length>0&&m.value.length===0&&(m.value=o.map(e=>e.fv||e.name))},{immediate:!0});const w=t.computed({get:()=>v.value.length>0&&m.value.length===v.value.length,set:()=>{}}),q=t.computed(()=>{const o=m.value.length;return o>0&&o<v.value.length}),z=t.computed(()=>{if(m.value.length===0)return"选择监测指标";if(m.value.length===v.value.length)return"全部指标";const e=v.value.filter(l=>m.value.includes(l.fv||l.name)).map(l=>l.name).join(", ");return e.length>14?e.substring(0,14)+"...":e}),U=o=>{m.value=o?v.value.map(e=>e.fv||e.name):[],y()},h=t.ref(new Set),H=t.computed(()=>v.value.filter(o=>m.value.includes(o.fv||o.name)).map(o=>{const e=x.get(o.name)||N.value;return{name:e?`${e}-${o.name}`:o.name,color:o.color||"#5470c6",visible:!h.value.has(o.name)}})),R=o=>{const e=o.name.includes("-")?o.name.split("-").slice(1).join("-"):o.name;h.value.has(e)?h.value.delete(e):h.value.add(e),h.value=new Set(h.value),y()},k=t.ref(""),$=t.computed(()=>{var o,e,l;return(e=(o=s.conf)==null?void 0:o.common)!=null&&e.object_id||(l=s.conf)!=null&&l.object_id?!0:E.value.some(u=>!!u.object_id)}),P=t.computed(()=>$.value||!!k.value),N=t.ref(""),_=t.ref(""),G=t.computed(()=>({backgroundColor:S.value.bgColor,color:S.value.textColor})),V=()=>{i.clear();const o=C.dayjs();E.value.forEach((e,l)=>{const u=[],n=[],a=[85,50,10],c=[3,5,1.5],r=a[l%3]||20,f=c[l%3]||3;for(let g=0;g<100;g++)u.push(o.subtract((100-g)*15,"minute").format("YYYY/MM/DD HH:mm")),n.push(+(r+(Math.random()-.5)*f+Math.sin(g/10)*f*.4).toFixed(2));i.set(e.name,{times:u,values:n})})},j=o=>{if(s.mode!=="edit"){if(!P.value)return{xAxis:{type:"category",data:[]},yAxis:{type:"value"},series:[]};if(i.size===0)return{xAxis:{type:"category",data:[]},yAxis:{type:"value"},series:[]}}let e=[];for(const[,n]of i)n.times.length>e.length&&(e=n.times);!e.length&&s.mode==="edit"&&(e=Array.from({length:50},(n,a)=>C.dayjs().subtract((50-a)*15,"minute").format("YYYY/MM/DD HH:mm")));const l={},u=v.value.filter(n=>m.value.includes(n.fv||n.name)).map(n=>{const a=x.get(n.name)||N.value,c=a?`${a}-${n.name}`:n.name;l[c]=!h.value.has(n.name);const r=i.get(n.name);return{name:c,type:"line",smooth:!0,showSymbol:!1,data:(r==null?void 0:r.values)||[],lineStyle:{color:n.color||"#5470c6",width:2.5,type:"solid"},itemStyle:{color:n.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:l},grid:{top:15,right:40,bottom:60,left:60},xAxis:{type:"category",data:e,axisLine:{lineStyle:{color:o.gridColor}},axisLabel:{color:o.textColor,fontSize:11,rotate:15,interval:"auto",formatter:n=>{var a;if(n&&n.length>6){const c=n.split(" ");return(((a=c[0])==null?void 0:a.split("/").slice(1).join("/"))||"")+(c[1]?" "+c[1]:"")}return n}},axisTick:{show:!1},boundaryGap:!1},yAxis:{type:"value",name:"监测数值",scale:!0,axisLine:{show:!1},axisLabel:{color:o.textColor,fontSize:11},splitLine:{lineStyle:{color:o.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:u}},y=()=>{const o=d.getChartInstance();o&&o.setOption(j(S.value),!0)},W=()=>{const o=d.getChartInstance();if(!o)return;const e=document.createElement("a");e.href=o.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),e.download=`煤自燃关键指标时序曲线_${C.dayjs().format("YYYYMMDDHHmmss")}.png`,e.click()},Z=o=>{const{payload:e}=o;if(!e)return;if(e.type==="filter"){if(e.point&&(N.value=String(e.point)),e.objectId){const u=_.value;_.value=String(e.objectId),k.value=String(e.objectId),u!==_.value&&I(_.value)}(s.mode==="edit"||!e.objectId)&&(V(),y());return}const l=e.objectId||e.object_id;l&&(k.value=String(l),I(l))},I=o=>{var n;if(!o||s.mode!=="preview")return;i.clear();const e=(n=d.session)==null?void 0:n.value;if(!e)return;const l=s.conf.id;e.componentRequests&&e.componentRequests.delete(l),e.registerComponent({id:l,request:null,onUpdate:(a,c)=>{a==="realtime"&&d.setSocketData(c)}});const u=d.getSource();d.subscribeBySource(u,o)};return t.onMounted(()=>{d.init(),s.mode==="edit"&&V(),setTimeout(()=>{var o;return(o=d.getChartInstance())==null?void 0:o.resize()},200)}),t.onUnmounted(()=>{d.cleanup()}),t.watch(()=>s.conf,()=>{d.init(),s.mode==="edit"&&V()},{deep:!0}),(o,e)=>{const l=b.ElIcon,u=b.ElButton,n=b.ElCheckbox,a=b.ElCheckboxGroup,c=b.ElPopover;return t.openBlock(),t.createElementBlock("div",{class:"fire-combustion-curve",style:t.normalizeStyle(G.value)},[t.createElementVNode("div",oe,[t.createElementVNode("div",ne,[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",le,[t.createVNode(c,{placement:"bottom-start",width:220,trigger:"click"},{reference:t.withCtx(()=>[t.createVNode(u,{size:"small"},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(z.value)+" ",1),t.createVNode(l,{class:"el-icon--right"},{default:t.withCtx(()=>[t.createVNode(t.unref(F.ArrowDown))]),_:1})]),_:1})]),default:t.withCtx(()=>[t.createElementVNode("div",ae,[t.createElementVNode("div",re,[t.createVNode(n,{modelValue:w.value,"onUpdate:modelValue":e[0]||(e[0]=r=>w.value=r),indeterminate:q.value,onChange:U},{default:t.withCtx(()=>[...e[2]||(e[2]=[t.createTextVNode(" 全部指标 ",-1)])]),_:1},8,["modelValue","indeterminate"])]),t.createVNode(a,{modelValue:m.value,"onUpdate:modelValue":e[1]||(e[1]=r=>m.value=r),onChange:y},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(v.value,r=>(t.openBlock(),t.createBlock(n,{key:r.fv,label:r.fv,class:"indicator-checkbox-item"},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(r.name),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])]),_:1}),t.createVNode(u,{size:"small",onClick:W},{default:t.withCtx(()=>[t.createVNode(l,null,{default:t.withCtx(()=>[t.createVNode(t.unref(F.Download))]),_:1}),e[3]||(e[3]=t.createElementVNode("span",null,"导出图像",-1))]),_:1})])]),t.createElementVNode("div",se,[t.createElementVNode("div",ce,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(H.value,r=>(t.openBlock(),t.createElementBlock("span",{key:r.name,class:t.normalizeClass(["legend-item",{disabled:!r.visible}]),onClick:f=>R(r)},[t.createElementVNode("span",{class:"legend-line",style:t.normalizeStyle({borderTopColor:r.visible?r.color:"#ccc"})},null,4),t.createElementVNode("span",ue,t.toDisplayString(r.name),1)],10,ie))),128))])]),t.createElementVNode("div",{id:t.unref(Y),class:"chart-container"},null,8,de)]),t.renderSlot(o.$slots,"default",{},void 0,!0)],4)}}})),ye=C._export_sfc(_e,[["__scopeId","data-v-df742467"]]);exports.default=ye;

package/dist/fireFilterBar-Bdm2ljuO.cjs

@@ -0,0 +1 @@
+"use strict";var F=Object.defineProperty,I=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var y=(i,a,r)=>a in i?F(i,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[a]=r,E=(i,a)=>{for(var r in a||(a={}))w.call(a,r)&&y(i,r,a[r]);if(C)for(var r of C(a))A.call(a,r)&&y(i,r,a[r]);return i},k=(i,a)=>I(i,j(a));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"),O=require("./element-resize-detector-Bo5uDQAu.cjs"),g=require("./index-Mh5Dw2sd.cjs"),V=require("./ele-vlu-icon-Dv-R7Xuc.cjs"),H={class:"filter-bar"},x={class:"filter-item"},T={class:"filter-item"},q={class:"filter-item"},L={class:"time-range-btns"},z=["onClick"],U={class:"filter-item"},P={DEFAULT_ICON:V.DEFAULT_ICON,ACTIVE_ICON:V.ACTIVE_ICON,NAME_CN:"煤自燃筛选栏",NAME_EN:"Fire Filter Bar",ORDER:1},$={bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},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"}}},Q=[{name:"FIRE115",object_id:"",region:"北帮"},{name:"FIRE116",object_id:"",region:"北帮"},{name:"FIRE201",object_id:"",region:"南帮"},{name:"FIRE305",object_id:"",region:"东帮"},{name:"FIRE410",object_id:"",region:"西帮"}],W=["name","object_id","region"],G=["mosaic"],J={useAlias:!1,multiObject:!0,source:"mosaic"},K=50,X={DEFAULT:P,OPTIONS:$,DATA:Q,PARAMS:W,SOURCE:G,ITEMS:K,COMMON:J},Z=e.defineComponent(k(E({},X),{__name:"fireFilterBar",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(i){const a=i;class r extends O.BaseComponent{extractStyles(){var m,p,n,v;const t=(m=this.props.conf)==null?void 0:m.options,s=((p=t==null?void 0:t.linkChannel)==null?void 0:p.value)||"fire",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:s==="custom"&&u?u:s}}}const b=new r(a,"fireFilterBar");b.setupLifecycle();const N=b.getStyle(),d=e.computed(()=>{var t;const l=(t=a.conf)==null?void 0:t.data;return!l||!Array.isArray(l)?[]:l.filter(s=>s.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}))}),h=[{label:"一天内",value:"1d"},{label:"一周内",value:"1w"},{label:"一个月内",value:"1m"}],c=d.value[0],o=e.reactive({region:(c==null?void 0:c.region)||"",point:(c==null?void 0: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=()=>{var t;const l=_.value;o.point=((t=l[0])==null?void 0:t.value)||""},D=l=>{o.timeRange=l;const t=g.dayjs(),s=l==="1d"?t.subtract(1,"day"):l==="1w"?t.subtract(1,"week"):t.subtract(1,"month");o.dateRange=[s.format("YYYY/MM/DD HH:mm"),t.format("YYYY/MM/DD HH:mm")]},B=()=>{o.timeRange=""},M=()=>{if(a.mode==="edit"||!o.point)return;const l=d.value.find(t=>t.name===o.point);if(!(l!=null&&l.object_id)){console.warn("[煤自燃筛选栏] 所选监测点未配置 object_id，无法发送联动");return}b.publish({type:"filter",region:o.region,point:o.point,objectId:l.object_id,timeRange:o.timeRange,dateRange:[...o.dateRange]})},S=e.computed(()=>({backgroundColor:N.value.bgColor}));return(l,t)=>{const s=f.ElOption,u=f.ElSelect,m=f.ElDatePicker,p=f.ElButton;return e.openBlock(),e.createElementBlock("div",{class:"fire-filter-bar-wrap",style:e.normalizeStyle(S.value)},[e.createElementVNode("div",H,[e.createElementVNode("div",x,[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(s,{label:"全部区域",value:""}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,n=>(e.openBlock(),e.createBlock(s,{key:n,label:n,value:n},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),e.createElementVNode("div",T,[t[4]||(t[4]=e.createElementVNode("span",{class:"filter-label"},"监测点:",-1)),e.createVNode(u,{modelValue:o.point,"onUpdate:modelValue":t[1]||(t[1]=n=>o.point=n),placeholder:"请选择",size:"small",style:{width:"120px"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,n=>(e.openBlock(),e.createBlock(s,{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(h,n=>e.createElementVNode("button",{key:n.value,class:e.normalizeClass(["range-btn",{active:o.timeRange===n.value}]),onClick:v=>D(n.value)},e.toDisplayString(n.label),11,z)),64))])]),e.createElementVNode("div",U,[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:B},null,8,["modelValue"])]),e.createVNode(p,{type:"primary",size:"small",onClick:M},{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-e3e83c6f"]]);exports.default=ee;

package/dist/fireFilterBar-DGHPNTwF.js

@@ -0,0 +1,221 @@
+var N = Object.defineProperty, x = Object.defineProperties;
+var T = Object.getOwnPropertyDescriptors;
+var E = Object.getOwnPropertySymbols;
+var z = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
+var k = (r, o, a) => o in r ? N(r, o, { enumerable: !0, configurable: !0, writable: !0, value: a }) : r[o] = a, M = (r, o) => {
+  for (var a in o || (o = {}))
+    z.call(o, a) && k(r, a, o[a]);
+  if (E)
+    for (var a of E(o))
+      U.call(o, a) && k(r, a, o[a]);
+  return r;
+}, S = (r, o) => x(r, T(o));
+import { ElSelect as L, ElOption as $, ElDatePicker as P, ElButton as Q } 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 W, computed as b, reactive as q, openBlock as c, createElementBlock as v, normalizeStyle as G, createElementVNode as s, createVNode as d, withCtx as y, Fragment as R, renderList as Y, createBlock as F, normalizeClass as J, toDisplayString as K, createTextVNode as X, renderSlot as Z } from "vue";
+import { B as ee } from "./element-resize-detector-DJcsrJ8s.js";
+import { d as h, _ as te } from "./index-kShjySl9.js";
+import { A as le, D as ne } from "./ele-vlu-icon-Bg6EHZdJ.js";
+const oe = { class: "filter-bar" }, ae = { class: "filter-item" }, re = { class: "filter-item" }, ie = { class: "filter-item" }, se = { class: "time-range-btns" }, me = ["onClick"], ce = { class: "filter-item" }, ue = {
+  DEFAULT_ICON: ne,
+  ACTIVE_ICON: le,
+  NAME_CN: "煤自燃筛选栏",
+  NAME_EN: "Fire Filter Bar",
+  ORDER: 1
+}, de = {
+  bgColor: { value: "#ffffff", type: "color", label: "setting.bgColor" },
+  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" }
+  }
+}, pe = [
+  { name: "FIRE115", object_id: "", region: "北帮" },
+  { name: "FIRE116", object_id: "", region: "北帮" },
+  { name: "FIRE201", object_id: "", region: "南帮" },
+  { name: "FIRE305", object_id: "", region: "东帮" },
+  { name: "FIRE410", object_id: "", region: "西帮" }
+], fe = ["name", "object_id", "region"], ge = ["mosaic"], be = {
+  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__ */ W(S(M({}, _e), {
+  __name: "fireFilterBar",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(r) {
+    const o = r;
+    class a extends ee {
+      extractStyles() {
+        var f, g, l, C;
+        const e = (f = this.props.conf) == null ? void 0 : f.options, i = ((g = e == null ? void 0 : e.linkChannel) == null ? void 0 : g.value) || "fire", u = ((l = e == null ? void 0 : e.customChannel) == null ? void 0 : l.value) || "";
+        return {
+          bgColor: ((C = e == null ? void 0 : e.bgColor) == null ? void 0 : C.value) || "#ffffff",
+          linkChannel: i === "custom" && u ? u : i
+        };
+      }
+    }
+    const _ = new a(o, "fireFilterBar");
+    _.setupLifecycle();
+    const w = _.getStyle(), p = b(() => {
+      var e;
+      const t = (e = o.conf) == null ? void 0 : e.data;
+      return !t || !Array.isArray(t) ? [] : t.filter((i) => i.name);
+    }), A = b(() => {
+      const t = /* @__PURE__ */ new Set();
+      return p.value.forEach((e) => {
+        e.region && t.add(e.region);
+      }), Array.from(t);
+    }), 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 }));
+    }), j = [
+      { label: "一天内", value: "1d" },
+      { label: "一周内", value: "1w" },
+      { label: "一个月内", value: "1m" }
+    ], m = p.value[0], n = q({
+      region: (m == null ? void 0 : m.region) || "",
+      point: (m == null ? void 0 : m.name) || "",
+      timeRange: "1d",
+      dateRange: [
+        h().subtract(1, "day").format("YYYY/MM/DD HH:mm"),
+        h().format("YYYY/MM/DD HH:mm")
+      ]
+    }), I = () => {
+      var e;
+      const t = D.value;
+      n.point = ((e = t[0]) == null ? void 0 : e.value) || "";
+    }, V = (t) => {
+      n.timeRange = t;
+      const e = h(), i = t === "1d" ? e.subtract(1, "day") : t === "1w" ? e.subtract(1, "week") : e.subtract(1, "month");
+      n.dateRange = [i.format("YYYY/MM/DD HH:mm"), e.format("YYYY/MM/DD HH:mm")];
+    }, B = () => {
+      n.timeRange = "";
+    }, H = () => {
+      if (o.mode === "edit" || !n.point) return;
+      const t = p.value.find((e) => e.name === n.point);
+      if (!(t != null && t.object_id)) {
+        console.warn("[煤自燃筛选栏] 所选监测点未配置 object_id，无法发送联动");
+        return;
+      }
+      _.publish({
+        type: "filter",
+        region: n.region,
+        point: n.point,
+        objectId: t.object_id,
+        timeRange: n.timeRange,
+        dateRange: [...n.dateRange]
+      });
+    }, O = b(() => ({ backgroundColor: w.value.bgColor }));
+    return (t, e) => {
+      const i = $, u = L, f = P, g = Q;
+      return c(), v("div", {
+        class: "fire-filter-bar-wrap",
+        style: G(O.value)
+      }, [
+        s("div", oe, [
+          s("div", ae, [
+            e[3] || (e[3] = s("span", { class: "filter-label" }, "区域位置:", -1)),
+            d(u, {
+              modelValue: n.region,
+              "onUpdate:modelValue": e[0] || (e[0] = (l) => n.region = l),
+              placeholder: "全部区域",
+              size: "small",
+              style: { width: "120px" },
+              onChange: I
+            }, {
+              default: y(() => [
+                d(i, {
+                  label: "全部区域",
+                  value: ""
+                }),
+                (c(!0), v(R, null, Y(A.value, (l) => (c(), F(i, {
+                  key: l,
+                  label: l,
+                  value: l
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          s("div", re, [
+            e[4] || (e[4] = s("span", { class: "filter-label" }, "监测点:", -1)),
+            d(u, {
+              modelValue: n.point,
+              "onUpdate:modelValue": e[1] || (e[1] = (l) => n.point = l),
+              placeholder: "请选择",
+              size: "small",
+              style: { width: "120px" }
+            }, {
+              default: y(() => [
+                (c(!0), v(R, null, Y(D.value, (l) => (c(), F(i, {
+                  key: l.value,
+                  label: l.label,
+                  value: l.value
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          s("div", ie, [
+            e[5] || (e[5] = s("span", { class: "filter-label" }, "时间范围:", -1)),
+            s("div", se, [
+              (c(), v(R, null, Y(j, (l) => s("button", {
+                key: l.value,
+                class: J(["range-btn", { active: n.timeRange === l.value }]),
+                onClick: (C) => V(l.value)
+              }, K(l.label), 11, me)), 64))
+            ])
+          ]),
+          s("div", ce, [
+            d(f, {
+              modelValue: n.dateRange,
+              "onUpdate:modelValue": e[2] || (e[2] = (l) => n.dateRange = l),
+              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: B
+            }, null, 8, ["modelValue"])
+          ]),
+          d(g, {
+            type: "primary",
+            size: "small",
+            onClick: H
+          }, {
+            default: y(() => [...e[6] || (e[6] = [
+              X("查询", -1)
+            ])]),
+            _: 1
+          })
+        ]),
+        Z(t.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), Ae = /* @__PURE__ */ te(Ce, [["__scopeId", "data-v-e3e83c6f"]]);
+export {
+  Ae as default
+};