mixdashboards 1.0.32 → 1.0.39

package/dist/rainfallFilterBar-D_Ye_NeB.js

@@ -0,0 +1,221 @@
+var x = Object.defineProperty, F = Object.defineProperties;
+var I = Object.getOwnPropertyDescriptors;
+var E = Object.getOwnPropertySymbols;
+var z = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
+var k = (r, n, o) => n in r ? x(r, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[n] = o, A = (r, n) => {
+  for (var o in n || (n = {}))
+    z.call(n, o) && k(r, o, n[o]);
+  if (E)
+    for (var o of E(n))
+      U.call(n, o) && k(r, o, n[o]);
+  return r;
+}, M = (r, n) => F(r, I(n));
+import { ElSelect as W, ElOption as L, ElDatePicker as $, ElButton as P } 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 s, createVNode as d, withCtx as y, Fragment as R, renderList as Y, createBlock as S, 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 ae } from "./ele-vlu-icon-Bg6EHZdJ.js";
+const ne = { class: "filter-bar" }, oe = { 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: ae,
+  ACTIVE_ICON: le,
+  NAME_CN: "降雨筛选栏",
+  NAME_EN: "Rainfall Filter Bar",
+  ORDER: 1
+}, de = {
+  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" }
+  }
+}, pe = [
+  { 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: "西帮" }
+], 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__ */ Q(M(A({}, _e), {
+  __name: "rainfallFilterBar",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(r) {
+    const n = r;
+    class o 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) || "rainfall", 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 o(n, "rainfallFilterBar");
+    _.setupLifecycle();
+    const w = _.getStyle(), p = b(() => {
+      var e;
+      const t = (e = n.conf) == null ? void 0 : e.data;
+      return !t || !Array.isArray(t) ? [] : t.filter((i) => i.name);
+    }), j = 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 a.region && (t = t.filter((e) => e.region === a.region)), t.map((e) => ({ label: e.name, value: e.name }));
+    }), T = [
+      { label: "一天内", value: "1d" },
+      { label: "一周内", value: "1w" },
+      { label: "一个月内", value: "1m" }
+    ], m = p.value[0], a = 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")
+      ]
+    }), V = () => {
+      var e;
+      const t = D.value;
+      a.point = ((e = t[0]) == null ? void 0 : e.value) || "";
+    }, B = (t) => {
+      a.timeRange = t;
+      const e = h(), i = t === "1d" ? e.subtract(1, "day") : t === "1w" ? e.subtract(1, "week") : e.subtract(1, "month");
+      a.dateRange = [i.format("YYYY/MM/DD HH:mm"), e.format("YYYY/MM/DD HH:mm")];
+    }, H = () => {
+      a.timeRange = "";
+    }, O = () => {
+      if (n.mode === "edit" || !a.point) return;
+      const t = p.value.find((e) => e.name === a.point);
+      if (!(t != null && t.object_id)) {
+        console.warn("[降雨筛选栏] 所选监测点未配置 object_id，无法发送联动");
+        return;
+      }
+      _.publish({
+        type: "filter",
+        region: a.region,
+        point: a.point,
+        objectId: t.object_id,
+        timeRange: a.timeRange,
+        dateRange: [...a.dateRange]
+      });
+    }, N = b(() => ({ backgroundColor: w.value.bgColor }));
+    return (t, e) => {
+      const i = L, u = W, f = $, g = P;
+      return c(), v("div", {
+        class: "rainfall-filter-bar-wrap",
+        style: G(N.value)
+      }, [
+        s("div", ne, [
+          s("div", oe, [
+            e[3] || (e[3] = s("span", { class: "filter-label" }, "区域位置:", -1)),
+            d(u, {
+              modelValue: a.region,
+              "onUpdate:modelValue": e[0] || (e[0] = (l) => a.region = l),
+              placeholder: "全部区域",
+              size: "small",
+              style: { width: "110px" },
+              onChange: V
+            }, {
+              default: y(() => [
+                d(i, {
+                  label: "全部区域",
+                  value: ""
+                }),
+                (c(!0), v(R, null, Y(j.value, (l) => (c(), S(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: a.point,
+              "onUpdate:modelValue": e[1] || (e[1] = (l) => a.point = l),
+              placeholder: "请选择",
+              size: "small",
+              style: { width: "120px" }
+            }, {
+              default: y(() => [
+                (c(!0), v(R, null, Y(D.value, (l) => (c(), S(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(T, (l) => s("button", {
+                key: l.value,
+                class: J(["range-btn", { active: a.timeRange === l.value }]),
+                onClick: (C) => B(l.value)
+              }, K(l.label), 11, me)), 64))
+            ])
+          ]),
+          s("div", ce, [
+            d(f, {
+              modelValue: a.dateRange,
+              "onUpdate:modelValue": e[2] || (e[2] = (l) => a.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: H
+            }, null, 8, ["modelValue"])
+          ]),
+          d(g, {
+            type: "primary",
+            size: "small",
+            onClick: O
+          }, {
+            default: y(() => [...e[6] || (e[6] = [
+              X("查询", -1)
+            ])]),
+            _: 1
+          })
+        ]),
+        Z(t.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), je = /* @__PURE__ */ te(Ce, [["__scopeId", "data-v-792b14ef"]]);
+export {
+  je as default
+};

package/dist/rainfallTimeCurve-BHWqX47Q.js

@@ -0,0 +1,443 @@
+var ye = Object.defineProperty, Ce = Object.defineProperties;
+var _e = Object.getOwnPropertyDescriptors;
+var Q = Object.getOwnPropertySymbols;
+var Se = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable;
+var X = (m, a, l) => a in m ? ye(m, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : m[a] = l, ee = (m, a) => {
+  for (var l in a || (a = {}))
+    Se.call(a, l) && X(m, l, a[l]);
+  if (Q)
+    for (var l of Q(a))
+      xe.call(a, l) && X(m, l, a[l]);
+  return m;
+}, te = (m, a) => Ce(m, _e(a));
+var oe = (m, a, l) => new Promise((j, b) => {
+  var x = (y) => {
+    try {
+      w(l.next(y));
+    } catch (d) {
+      b(d);
+    }
+  }, H = (y) => {
+    try {
+      w(l.throw(y));
+    } catch (d) {
+      b(d);
+    }
+  }, w = (y) => y.done ? j(y.value) : Promise.resolve(y.value).then(x, H);
+  w((l = l.apply(m, a)).next());
+});
+import { ElPopover as ke, ElCheckbox as De, ElCheckboxGroup as Ae, ElButton as je, ElIcon as we } 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 Ee, ref as M, computed as g, watch as ae, onMounted as Ie, onUnmounted as Me, openBlock as A, createElementBlock as O, normalizeStyle as ne, createElementVNode as f, createVNode as C, withCtx as _, createTextVNode as U, Fragment as le, renderList as se, createBlock as Oe, toDisplayString as V, unref as P, normalizeClass as Te, createCommentVNode as Ye, renderSlot as Le } from "vue";
+import { d as T, _ as Ne } from "./index-kShjySl9.js";
+import { E as Ve } from "./EChartComponentBase-BQOhWkz2.js";
+import { ArrowDown as He, Download as ze } from "@element-plus/icons-vue";
+import { A as Re, D as Be } from "./ele-lin-icon-Dax-ZiWV.js";
+const $e = { class: "chart-panel" }, Fe = { class: "panel-header" }, Ue = { class: "header-right" }, Pe = { class: "indicator-selector-panel" }, qe = { class: "indicator-select-all" }, We = { class: "legend-bar" }, Ge = { class: "legend-items" }, Ze = ["onClick"], Je = { class: "legend-text" }, Ke = {
+  key: 0,
+  class: "legend-page-info"
+}, Qe = ["id"], Xe = {
+  DEFAULT_ICON: Be,
+  ACTIVE_ICON: Re,
+  NAME_CN: "降雨指标时序曲线",
+  NAME_EN: "Rainfall Time Curve",
+  ORDER: 3
+}, et = {
+  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" }
+  }
+}, tt = [
+  { name: "实时降水量(mm)", fv: "", object_id: "", color: "#5470c6", device: "" },
+  { name: "累计降水量(mm)", fv: "", object_id: "", color: "#ee6666", device: "" }
+], ot = ["name", "fv", "object_id", "color", "device"], at = ["mosaic", "statistics", "calculate"], nt = {
+  useAlias: !1,
+  multiObject: !1,
+  hideMultiObject: !0,
+  source: "mosaic"
+}, lt = 20, st = { DEFAULT: Xe, OPTIONS: et, DATA: tt, PARAMS: ot, SOURCE: at, ITEMS: lt, COMMON: nt }, rt = /* @__PURE__ */ Ee(te(ee({}, st), {
+  __name: "rainfallTimeCurve",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(m) {
+    const a = m, l = /* @__PURE__ */ new Map(), j = M(""), b = M(""), x = M(""), H = g(() => {
+      var t, e, n;
+      return (e = (t = a.conf) == null ? void 0 : t.common) != null && e.object_id || (n = a.conf) != null && n.object_id ? !0 : R.value.some((u) => !!u.object_id);
+    }), w = g(() => H.value || !!j.value);
+    class y extends Ve {
+      extractStyles() {
+        var o, r, i, s, c, p, k;
+        const e = (o = this.props.conf) == null ? void 0 : o.options, n = ((r = e == null ? void 0 : e.linkChannel) == null ? void 0 : r.value) || "rainfall", u = ((i = e == null ? void 0 : e.customChannel) == null ? void 0 : i.value) || "";
+        return {
+          bgColor: ((s = e == null ? void 0 : e.bgColor) == null ? void 0 : s.value) || "#f5f7fa",
+          panelBgColor: ((c = e == null ? void 0 : e.panelBgColor) == null ? void 0 : c.value) || "#ffffff",
+          textColor: ((p = e == null ? void 0 : e.textColor) == null ? void 0 : p.value) || "#333333",
+          gridColor: ((k = e == null ? void 0 : e.gridColor) == null ? void 0 : k.value) || "#f0f0f0",
+          linkChannel: n === "custom" && u ? u : n
+        };
+      }
+      getChartOption() {
+        return $(this.Style.value);
+      }
+      setSocketData(e) {
+        var o;
+        if (!e) return;
+        const n = e.datetime ? e.datetime.split(".")[0] : T().format("YYYY/MM/DD HH:mm");
+        (((o = this.props.conf) == null ? void 0 : o.data) || []).forEach((r) => {
+          if (r.device) {
+            const p = this.extractDataValue(e, r.device);
+            p != null && (b.value = String(p));
+          }
+          if (!r.fv) return;
+          const i = this.extractDataValue(e, r.fv);
+          if (i == null) return;
+          const s = r.name || r.fv, c = l.get(s);
+          c ? (c.times.push(n), c.values.push(parseFloat(i)), c.times.length > 200 && (c.times.shift(), c.values.shift())) : l.set(s, { times: [n], values: [parseFloat(i)] });
+        }), this.chartObj && this.chartObj.setOption($(this.Style.value), !1);
+      }
+      onLinkEvent(e) {
+        ve(e);
+      }
+    }
+    const d = new y(a, "rainfallTimeCurve");
+    d.setupLifecycle();
+    const z = d.getStyle(), re = d.getEchartId(), R = g(() => {
+      var t;
+      return ((t = a.conf) == null ? void 0 : t.data) || [];
+    }), h = g(() => {
+      const t = /* @__PURE__ */ new Set();
+      return R.value.filter((e) => e.name && !t.has(e.name) ? (t.add(e.name), !0) : !1);
+    }), v = M([]);
+    ae(h, (t) => {
+      t.length > 0 && v.value.length === 0 && (v.value = t.map((e) => e.fv || e.name));
+    }, { immediate: !0 });
+    const q = g({
+      get: () => h.value.length > 0 && v.value.length === h.value.length,
+      set: () => {
+      }
+    }), ie = g(() => {
+      const t = v.value.length;
+      return t > 0 && t < h.value.length;
+    }), ce = g(() => {
+      if (v.value.length === 0) return "选择监测指标";
+      if (v.value.length === h.value.length) return "全部指标已选";
+      const e = h.value.filter((n) => v.value.includes(n.fv || n.name)).map((n) => n.name).join(", ");
+      return e.length > 14 ? e.substring(0, 14) + "..." : e;
+    }), ue = (t) => {
+      v.value = t ? h.value.map((e) => e.fv || e.name) : [], E();
+    }, S = M(/* @__PURE__ */ new Set()), Y = g(() => h.value.filter((t) => v.value.includes(t.fv || t.name)).map((t) => ({
+      name: b.value ? `${b.value}-${t.name}` : t.name,
+      color: t.color || "#5470c6",
+      visible: !S.value.has(t.name)
+    }))), de = g(() => `${Y.value.filter((t) => t.visible).length}/${Y.value.length}`), fe = (t) => {
+      const e = t.name.includes("-") ? t.name.split("-").slice(1).join("-") : t.name;
+      S.value.has(e) ? S.value.delete(e) : S.value.add(e), S.value = new Set(S.value), E();
+    }, me = g(() => ({
+      backgroundColor: z.value.bgColor,
+      color: z.value.textColor
+    })), B = () => {
+      l.clear();
+      const t = T();
+      R.value.forEach((e, n) => {
+        const u = [], o = [], r = [2800, 3200], i = [200, 300], s = r[n % 2] || 3e3, c = i[n % 2] || 200;
+        for (let p = 0; p < 100; p++)
+          u.push(t.subtract((100 - p) * 15, "minute").format("YYYY/MM/DD HH:mm")), o.push(+(s + (Math.random() - 0.5) * c + Math.sin(p / 10) * c * 0.3).toFixed(2));
+        l.set(e.name, { times: u, values: o });
+      });
+    }, $ = (t) => {
+      if (a.mode !== "edit") {
+        if (!w.value)
+          return { xAxis: { type: "category", data: [] }, yAxis: { type: "value" }, series: [] };
+        if (l.size === 0)
+          return { xAxis: { type: "category", data: [] }, yAxis: { type: "value" }, series: [] };
+      }
+      let e = [];
+      for (const [, o] of l)
+        o.times.length > e.length && (e = o.times);
+      !e.length && a.mode === "edit" && (e = Array.from(
+        { length: 50 },
+        (o, r) => T().subtract((50 - r) * 15, "minute").format("YYYY/MM/DD HH:mm")
+      ));
+      const n = {}, u = h.value.filter((o) => v.value.includes(o.fv || o.name)).map((o) => {
+        const r = b.value ? `${b.value}-${o.name}` : o.name;
+        n[r] = !S.value.has(o.name);
+        const i = l.get(o.name);
+        return {
+          name: r,
+          type: "line",
+          smooth: !0,
+          showSymbol: !1,
+          data: (i == null ? void 0 : i.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 r;
+              if (o && o.length > 6) {
+                const i = o.split(" ");
+                return (((r = i[0]) == null ? void 0 : r.split("/").slice(1).join("/")) || "") + (i[1] ? " " + i[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: u
+      };
+    }, E = () => {
+      const t = d.getChartInstance();
+      t && t.setOption($(z.value), !0);
+    }, pe = () => {
+      const t = d.getChartInstance();
+      if (!t) return;
+      const e = document.createElement("a");
+      e.href = t.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), e.download = `降雨指标时序曲线_${T().format("YYYYMMDDHHmmss")}.png`, e.click();
+    }, ve = (t) => {
+      const { payload: e } = t;
+      if (!e) return;
+      if (e.type === "filter") {
+        if (e.point && (b.value = String(e.point)), e.objectId) {
+          const u = x.value;
+          x.value = String(e.objectId), j.value = String(e.objectId), u !== x.value && W(x.value);
+        }
+        (a.mode === "edit" || !e.objectId) && (B(), E());
+        return;
+      }
+      const n = e.objectId || e.object_id;
+      n && (j.value = String(n), W(n));
+    }, W = (t) => oe(null, null, function* () {
+      var i, s;
+      if (!t || a.mode !== "preview") return;
+      l.clear();
+      const e = (i = d.session) == null ? void 0 : i.value;
+      if (!e) return;
+      const n = a.conf.id;
+      e.componentRequests && e.componentRequests.delete(n);
+      const { data: u, common: o } = a.conf;
+      Array.isArray(u) && u.forEach((c) => {
+        c.object_id = t;
+      }), o.multiObject || (o.object_id = t);
+      try {
+        const c = yield import("./history-BkZhlpdY.js"), k = yield new c.default().getHistoryData(a, "rainfallTimeCurve");
+        k && Array.isArray(k) && (((s = a.conf) == null ? void 0 : s.data) || []).forEach((L, he) => {
+          if (!L.fv) return;
+          const ge = L.name || L.fv, N = k[he], G = (N == null ? void 0 : N.data) || N;
+          if (!Array.isArray(G)) return;
+          const be = [...G].sort((D, I) => new Date(D.time || D.datetime || "").getTime() - new Date(I.time || I.datetime || "").getTime()), F = [], Z = [];
+          be.forEach((D) => {
+            const I = D.time || D.datetime, J = D[L.fv];
+            if (I && J != null) {
+              const K = parseFloat(J);
+              isNaN(K) || (F.push(T(I).format("YYYY/MM/DD HH:mm")), Z.push(K));
+            }
+          }), F.length > 0 && l.set(ge, { times: F, values: Z });
+        }), console.log("[降雨时序曲线] 历史数据加载完成");
+      } catch (c) {
+        console.warn("[降雨时序曲线] 历史数据获取失败:", c);
+      }
+      E(), e.registerComponent({
+        id: n,
+        request: null,
+        onUpdate: (c, p) => {
+          c === "realtime" && d.setSocketData(p);
+        }
+      });
+      const r = d.getSource();
+      d.subscribeBySource(r, t);
+    });
+    return Ie(() => {
+      a.mode === "edit" && B(), setTimeout(() => {
+        var t;
+        return (t = d.getChartInstance()) == null ? void 0 : t.resize();
+      }, 200);
+    }), Me(() => {
+      d.cleanup();
+    }), ae(() => a.conf, () => {
+      d.init(), a.mode === "edit" && B();
+    }, { deep: !0 }), (t, e) => {
+      const n = we, u = je, o = De, r = Ae, i = ke;
+      return A(), O("div", {
+        class: "rainfall-time-curve",
+        style: ne(me.value)
+      }, [
+        f("div", $e, [
+          f("div", Fe, [
+            e[4] || (e[4] = f("div", { class: "header-left" }, [
+              f("span", { class: "indicator-dot" }),
+              f("span", { class: "panel-title" }, "📊 指标时序演变曲线")
+            ], -1)),
+            f("div", Ue, [
+              C(i, {
+                placement: "bottom-start",
+                width: 220,
+                trigger: "click"
+              }, {
+                reference: _(() => [
+                  C(u, { size: "small" }, {
+                    default: _(() => [
+                      U(V(ce.value) + " ", 1),
+                      C(n, { class: "el-icon--right" }, {
+                        default: _(() => [
+                          C(P(He))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: _(() => [
+                  f("div", Pe, [
+                    f("div", qe, [
+                      C(o, {
+                        modelValue: q.value,
+                        "onUpdate:modelValue": e[0] || (e[0] = (s) => q.value = s),
+                        indeterminate: ie.value,
+                        onChange: ue
+                      }, {
+                        default: _(() => [...e[2] || (e[2] = [
+                          U(" 全部指标 ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["modelValue", "indeterminate"])
+                    ]),
+                    C(r, {
+                      modelValue: v.value,
+                      "onUpdate:modelValue": e[1] || (e[1] = (s) => v.value = s),
+                      onChange: E
+                    }, {
+                      default: _(() => [
+                        (A(!0), O(le, null, se(h.value, (s) => (A(), Oe(o, {
+                          key: s.fv,
+                          label: s.fv,
+                          class: "indicator-checkbox-item"
+                        }, {
+                          default: _(() => [
+                            U(V(s.name), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["label"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              }),
+              C(u, {
+                size: "small",
+                onClick: pe
+              }, {
+                default: _(() => [
+                  C(n, null, {
+                    default: _(() => [
+                      C(P(ze))
+                    ]),
+                    _: 1
+                  }),
+                  e[3] || (e[3] = f("span", null, "导出图像", -1))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          f("div", We, [
+            f("div", Ge, [
+              (A(!0), O(le, null, se(Y.value, (s) => (A(), O("span", {
+                key: s.name,
+                class: Te(["legend-item", { disabled: !s.visible }]),
+                onClick: (c) => fe(s)
+              }, [
+                f("span", {
+                  class: "legend-line",
+                  style: ne({ borderTopColor: s.visible ? s.color : "#ccc", borderTopStyle: "solid" })
+                }, null, 4),
+                f("span", Je, V(s.name), 1)
+              ], 10, Ze))), 128)),
+              Y.value.length > 8 ? (A(), O("span", Ke, V(de.value), 1)) : Ye("", !0)
+            ])
+          ]),
+          f("div", {
+            id: P(re),
+            class: "chart-container"
+          }, null, 8, Qe)
+        ]),
+        Le(t.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), St = /* @__PURE__ */ Ne(rt, [["__scopeId", "data-v-7b0c5991"]]);
+export {
+  St as default
+};