mixdashboards 1.0.32 → 1.0.39

package/dist/displacementTrajectoryChart-Crf55oKi.js

@@ -0,0 +1,597 @@
+var rt = Object.defineProperty, ct = Object.defineProperties;
+var dt = Object.getOwnPropertyDescriptors;
+var U = Object.getOwnPropertySymbols;
+var ut = Object.prototype.hasOwnProperty, mt = Object.prototype.propertyIsEnumerable;
+var W = (v, d, f) => d in v ? rt(v, d, { enumerable: !0, configurable: !0, writable: !0, value: f }) : v[d] = f, X = (v, d) => {
+  for (var f in d || (d = {}))
+    ut.call(d, f) && W(v, f, d[f]);
+  if (U)
+    for (var f of U(d))
+      mt.call(d, f) && W(v, f, d[f]);
+  return v;
+}, q = (v, d) => ct(v, dt(d));
+import { ElSelect as ht, ElOption as ft, ElButton as pt, ElIcon as yt } 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/icon/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import { defineComponent as vt, ref as Y, computed as I, watch as G, nextTick as J, onMounted as gt, onUnmounted as bt, openBlock as T, createElementBlock as $, normalizeStyle as K, unref as _, toDisplayString as Ct, createCommentVNode as Dt, createElementVNode as z, createVNode as O, withCtx as L, Fragment as jt, renderList as xt, createBlock as St, createTextVNode as Pt, renderSlot as _t } from "vue";
+import { Download as wt } from "@element-plus/icons-vue";
+import { i as It, j as Tt, d as Ot } from "./element-resize-detector-DJcsrJ8s.js";
+import { u as Et, d as w, _ as At } from "./index-kShjySl9.js";
+import { E as Mt } from "./EChartComponentBase-BQOhWkz2.js";
+import { g as Rt } from "./titleStyle-BT5GlpAb.js";
+import { A as kt, D as Nt } from "./ele-lin-icon-Dax-ZiWV.js";
+const Yt = { class: "mix-body" }, $t = { class: "toolbar" }, zt = ["id"], Lt = {
+  DEFAULT_ICON: Nt,
+  ACTIVE_ICON: kt,
+  NAME_CN: "地层运移轨迹图",
+  NAME_EN: "Displacement Trajectory Chart",
+  ORDER: 2
+}, Vt = {
+  titleColor: "#111",
+  textColor: "#111",
+  bgColor: "#fff",
+  radiusSize: 8,
+  textSize: 12,
+  isHideTitle: !1,
+  // 开始点配置
+  startPointRadius: { value: 0, type: "number", label: "开始点半径(mm)" },
+  startPointAngle: { value: 0, type: "number", label: "开始点角度(°)" },
+  showStartPoint: { value: !0, type: "boolean", label: "显示开始点" },
+  // 结束点配置
+  endPointRadius: { value: 0, type: "number", label: "结束点半径(mm)" },
+  endPointAngle: { value: 0, type: "number", label: "结束点角度(°)" },
+  showEndPoint: { value: !0, type: "boolean", label: "显示结束点" },
+  // 显示选项
+  showTrajectory: { value: !0, type: "boolean", label: "显示轨迹线" },
+  showDirection: { value: !1, type: "boolean", label: "显示方向箭头" },
+  // 联动频道配置（与 GNSS 一致）
+  linkChannel: {
+    value: "deepDisplacement",
+    type: "select",
+    label: "component.linkChannel",
+    options: [
+      { label: "component.linkChannelOptions.deepDisplacement", value: "deepDisplacement" },
+      { label: "component.linkChannelOptions.gnss", value: "gnss" },
+      { label: "component.linkChannelOptions.slope", value: "slope" },
+      { label: "component.linkChannelOptions.device", value: "device" },
+      { label: "component.linkChannelOptions.alarm", value: "alarm" },
+      { label: "component.linkChannelOptions.custom", value: "custom" }
+    ]
+  },
+  customChannel: {
+    value: "",
+    type: "string",
+    label: "component.customChannel",
+    showWhen: { linkChannel: "custom" }
+  }
+}, Ht = [
+  {
+    configPanelId: "",
+    // 配置面板uid（重要：用于接收控制面板的配置）
+    name: "-123米",
+    // 深度点名称
+    fv_radius: "合结果",
+    // 半径字段（位移量，单位mm）
+    fv_angle: "距移方向",
+    // 角度字段（单位度）
+    depth: -123,
+    // 深度值（米）
+    object_id: "",
+    // 对象ID
+    color: "#5470c6"
+    // 曲线颜色
+  },
+  {
+    configPanelId: "",
+    name: "-124米",
+    fv_radius: "合结果",
+    fv_angle: "距移方向",
+    depth: -124,
+    object_id: "",
+    color: "#91cc75"
+  }
+], Ft = ["configPanelId", "name", "fv_radius", "fv_angle", "depth", "object_id", "color"], Bt = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Ut = { useAlias: !1, multiObject: !0, source: "mosaic" }, Wt = { DEFAULT: Lt, OPTIONS: Vt, DATA: Ht, PARAMS: Ft, SOURCE: Bt, COMMON: Ut }, Xt = /* @__PURE__ */ vt(q(X({}, Wt), {
+  __name: "displacementTrajectoryChart",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(v) {
+    const d = v, f = Y(""), j = Y([]), Q = (a) => {
+      if (a == null || a === "") return null;
+      if (typeof a == "number" || typeof a == "string" && a.trim() !== "" && !Number.isNaN(Number(a))) {
+        let i = Number(a);
+        return i < 1e12 && (i *= 1e3), w(i);
+      }
+      const e = w(a);
+      return e.isValid() ? e : null;
+    }, x = (a) => {
+      const t = Q(a);
+      return t ? {
+        label: t.format("YYYY-MM-DD HH:mm:ss"),
+        date: t.format("YYYY-MM-DD"),
+        value: t.valueOf()
+      } : { label: a ? String(a) : "", date: "", value: 0 };
+    };
+    class Z extends Mt {
+      constructor() {
+        super(...arguments), this.trajectoryData = [], this.panelConfig = {};
+      }
+      addTrajectoryPoint(t, e, i, n) {
+        const l = x(e), s = t.depth, m = Number(n) * Math.PI / 180, u = Number(i) * Math.cos(m), p = Number(i) * Math.sin(m);
+        this.trajectoryData.push({
+          seriesName: t.name || `${s}m`,
+          color: t.color || "#5470c6",
+          timeLabel: l.label || String(e != null ? e : ""),
+          timeValue: l.value,
+          date: l.date,
+          depth: s,
+          dispX: u,
+          dispY: p,
+          radius: Number(i),
+          angle: m
+        });
+      }
+      extractStyles() {
+        var e, i, n, l, s, m, u, p, c, h, C, r, o, g;
+        const { options: t } = this.props.conf;
+        return {
+          bgColor: ((e = t == null ? void 0 : t.bgColor) == null ? void 0 : e.value) || "#fff",
+          titleColor: ((i = t == null ? void 0 : t.titleColor) == null ? void 0 : i.value) || "#111",
+          textColor: ((n = t == null ? void 0 : t.textColor) == null ? void 0 : n.value) || "#111",
+          radiusSize: ((l = t == null ? void 0 : t.radiusSize) == null ? void 0 : l.value) || 8,
+          textSize: ((s = t == null ? void 0 : t.textSize) == null ? void 0 : s.value) || 12,
+          isHideTitle: ((m = t == null ? void 0 : t.isHideTitle) == null ? void 0 : m.value) || !1,
+          startPointRadius: ((u = t == null ? void 0 : t.startPointRadius) == null ? void 0 : u.value) || 0,
+          startPointAngle: ((p = t == null ? void 0 : t.startPointAngle) == null ? void 0 : p.value) || 0,
+          showStartPoint: ((c = t == null ? void 0 : t.showStartPoint) == null ? void 0 : c.value) !== !1,
+          endPointRadius: ((h = t == null ? void 0 : t.endPointRadius) == null ? void 0 : h.value) || 0,
+          endPointAngle: ((C = t == null ? void 0 : t.endPointAngle) == null ? void 0 : C.value) || 0,
+          showEndPoint: ((r = t == null ? void 0 : t.showEndPoint) == null ? void 0 : r.value) !== !1,
+          showTrajectory: ((o = t == null ? void 0 : t.showTrajectory) == null ? void 0 : o.value) !== !1,
+          showDirection: ((g = t == null ? void 0 : t.showDirection) == null ? void 0 : g.value) || !1
+        };
+      }
+      getDefaultData() {
+        return [
+          {
+            configPanelId: "",
+            name: "-123米",
+            fv_radius: "合结果",
+            fv_angle: "距移方向",
+            depth: -123,
+            object_id: "",
+            color: "#5470c6"
+          },
+          {
+            configPanelId: "",
+            name: "-124米",
+            fv_radius: "合结果",
+            fv_angle: "距移方向",
+            depth: -124,
+            object_id: "",
+            color: "#91cc75"
+          }
+        ];
+      }
+      // 设置控制面板配置
+      setPanelConfig(t) {
+        console.log("[TrajectoryChart] 应用控制面板配置:", t), this.panelConfig = t || {}, this.updateChart();
+      }
+      // 处理历史数据（多对象模式）
+      setHistoryData(t) {
+        const { data: e, common: i } = this.props.conf;
+        if (!e || e.length === 0) return;
+        const n = (i == null ? void 0 : i.source) || "mosaic";
+        ["statistics", "calculate"].includes(n) && (t = It(t, e));
+        const l = Tt(t, this.props, "history");
+        if (l)
+          try {
+            if (this.trajectoryData = [], !l.history || l.history.length === 0) return;
+            const s = l.history.length > 0 && Array.isArray(l.history[0]), m = [...new Set(e.map((u) => u.object_id).filter(Boolean))];
+            if (s) {
+              const u = l.history[0] || [];
+              if (u.length === 0) return;
+              const p = [...new Set(u.map((r) => x(r.time || r.timestamp).date).filter(Boolean))];
+              j.value = p.sort((r, o) => new Date(o).getTime() - new Date(r).getTime());
+              const { selectedTimes: c, startDate: h, endDate: C } = this.panelConfig;
+              u.forEach((r, o) => {
+                const y = x(r.time || r.timestamp).date;
+                if (c && c.length > 0) {
+                  if (!c.includes(y)) return;
+                } else if (h && C && (y < h || y > C))
+                  return;
+                e.forEach((D) => {
+                  const M = D.fv_radius, S = D.fv_angle, P = D.object_id, R = m.indexOf(P);
+                  if (R === -1 || !l.history[R]) return;
+                  const F = l.history[R];
+                  if (!F[o]) return;
+                  const B = F[o], k = this.extractDataValue(B, M), N = this.extractDataValue(B, S);
+                  k == null || N === void 0 || N === null || this.addTrajectoryPoint(D, r.time || r.timestamp, k, N);
+                });
+              });
+            } else {
+              const u = l.history;
+              if (u.length === 0) return;
+              const p = [...new Set(u.map((r) => x(r.time || r.timestamp).date).filter(Boolean))];
+              j.value = p.sort((r, o) => new Date(o).getTime() - new Date(r).getTime());
+              const { selectedTimes: c, startDate: h, endDate: C } = this.panelConfig;
+              u.forEach((r) => {
+                const g = x(r.time || r.timestamp).date;
+                if (c && c.length > 0) {
+                  if (!c.includes(g)) return;
+                } else if (h && C && (g < h || g > C))
+                  return;
+                e.forEach((y) => {
+                  const D = y.fv_radius, M = y.fv_angle, S = this.extractDataValue(r, D), P = this.extractDataValue(r, M);
+                  S == null || P === void 0 || P === null || this.addTrajectoryPoint(y, r.time || r.timestamp, S, P);
+                });
+              });
+            }
+            this.trajectoryData.sort((u, p) => u.timeValue - p.timeValue);
+          } catch (s) {
+            console.error("[TrajectoryChart] 解析历史数据失败:", s);
+          }
+      }
+      // 处理实时数据
+      setSocketData(t) {
+        var n, l, s;
+        if (!t) return;
+        const { data: e } = this.props.conf;
+        if (!e || e.length === 0) return;
+        const i = (s = (l = (n = t.time) != null ? n : t.timestamp) != null ? l : t.datetime) != null ? s : w().format("YYYY-MM-DD HH:mm:ss");
+        e.forEach((m) => {
+          const u = m.fv_radius, p = m.fv_angle, c = this.extractDataValue(t, u), h = this.extractDataValue(t, p);
+          c == null || h === void 0 || h === null || this.addTrajectoryPoint(m, i, c, h);
+        }), this.trajectoryData.length > 500 && this.trajectoryData.shift(), this.chartObj && this.chartObj.setOption(this.getChartOption(), !1);
+      }
+      getChartOption() {
+        const t = this.extractStyles(), e = this.trajectoryData;
+        let i = t.showStartPoint, n = t.showEndPoint, l = t.showTrajectory;
+        t.showDirection;
+        let s = t.startPointRadius, m = t.startPointAngle, u = t.endPointRadius, p = t.endPointAngle;
+        if (this.panelConfig.displayOptions) {
+          const o = this.panelConfig.displayOptions;
+          o.showStartPoint !== void 0 && (i = o.showStartPoint), o.showEndPoint !== void 0 && (n = o.showEndPoint), o.showTrajectory !== void 0 && (l = o.showTrajectory), o.showDirection !== void 0 && o.showDirection;
+        }
+        const c = [...e].sort(
+          (o, g) => new Date(o.time).getTime() - new Date(g.time).getTime()
+        );
+        let h = Math.max(...c.map((o) => o.radius), 50);
+        h = Math.max(h, s, u);
+        const C = Math.ceil(h / 10) * 10 + 10, r = [];
+        if (c.length > 0 && r.push({
+          name: "轨迹点",
+          type: "scatter",
+          coordinateSystem: "polar",
+          data: c.map((o) => [o.angle, o.radius]),
+          symbol: "circle",
+          symbolSize: 8,
+          itemStyle: {
+            color: "#ff9800",
+            borderColor: "#fff",
+            borderWidth: 1
+          }
+        }), i) {
+          const o = m * Math.PI / 180;
+          r.push({
+            name: "开始点",
+            type: "scatter",
+            coordinateSystem: "polar",
+            data: [[o, s]],
+            symbol: "circle",
+            symbolSize: 12,
+            itemStyle: {
+              color: "#67c23a",
+              borderColor: "#fff",
+              borderWidth: 2
+            },
+            z: 10
+          });
+        }
+        if (n) {
+          const o = p * Math.PI / 180;
+          r.push({
+            name: "结束点",
+            type: "scatter",
+            coordinateSystem: "polar",
+            data: [[o, u]],
+            symbol: "circle",
+            symbolSize: 12,
+            itemStyle: {
+              color: "#f56c6c",
+              borderColor: "#fff",
+              borderWidth: 2
+            },
+            z: 10
+          });
+        }
+        return l && c.length > 1 && r.push({
+          name: "轨迹线",
+          type: "line",
+          coordinateSystem: "polar",
+          data: c.map((o) => [o.angle, o.radius]),
+          lineStyle: {
+            color: "#ff9800",
+            width: 1,
+            opacity: 0.3
+          },
+          symbol: "none",
+          z: 1
+        }), {
+          backgroundColor: "transparent",
+          polar: {
+            center: ["50%", "50%"],
+            radius: "70%"
+          },
+          angleAxis: {
+            type: "value",
+            startAngle: 90,
+            min: 0,
+            max: 360,
+            interval: 30,
+            clockwise: !1,
+            axisLine: {
+              show: !0,
+              lineStyle: {
+                color: "#ddd"
+              }
+            },
+            axisLabel: {
+              color: t.textColor,
+              fontSize: 11,
+              formatter: (o) => o === 0 || o === 360 ? "东" : o === 90 ? "北" : o === 180 ? "西" : o === 270 ? "南" : o.toString()
+            },
+            splitLine: {
+              show: !0,
+              lineStyle: {
+                color: "#e0e0e0",
+                type: "dashed"
+              }
+            }
+          },
+          radiusAxis: {
+            type: "value",
+            min: 0,
+            max: C,
+            axisLabel: {
+              color: t.textColor,
+              fontSize: 11,
+              formatter: (o) => `${o}mm`
+            },
+            splitLine: {
+              show: !0,
+              lineStyle: {
+                color: "#e0e0e0",
+                type: "dashed"
+              }
+            },
+            axisLine: {
+              show: !0,
+              lineStyle: {
+                color: "#ddd"
+              }
+            }
+          },
+          series: r,
+          tooltip: {
+            trigger: "item",
+            formatter: (o) => {
+              if (o.seriesName === "开始点")
+                return `<div style="padding: 8px;">
+							<div style="font-weight: 600; margin-bottom: 6px;">开始点（参考）</div>
+							<div style="color: #666; line-height: 1.8;">
+								<div>半径: ${s.toFixed(2)}mm</div>
+								<div>角度: ${m.toFixed(2)}°</div>
+							</div>
+						</div>`;
+              if (o.seriesName === "结束点")
+                return `<div style="padding: 8px;">
+							<div style="font-weight: 600; margin-bottom: 6px;">结束点（参考）</div>
+							<div style="color: #666; line-height: 1.8;">
+								<div>半径: ${u.toFixed(2)}mm</div>
+								<div>角度: ${p.toFixed(2)}°</div>
+							</div>
+						</div>`;
+              const g = o.dataIndex;
+              if (g !== void 0 && c[g]) {
+                const y = c[g], D = (y.angle * 180 / Math.PI).toFixed(2);
+                return `<div style="padding: 8px;">
+							<div style="font-weight: 600; margin-bottom: 6px;">时间: ${y.time}</div>
+							<div style="color: #666; line-height: 1.8;">
+								<div>深度: ${y.depth}m</div>
+								<div>半径: ${y.radius.toFixed(2)}mm</div>
+								<div>角度: ${D}°</div>
+								<div>X: ${y.dispX.toFixed(2)}mm</div>
+								<div>Y: ${y.dispY.toFixed(2)}mm</div>
+							</div>
+						</div>`;
+              }
+              return `${o.seriesName}<br/>半径: ${o.value[1].toFixed(2)}mm<br/>角度: ${(o.value[0] * 180 / Math.PI).toFixed(2)}°`;
+            }
+          },
+          legend: {
+            data: [
+              c.length > 0 ? "轨迹点" : null,
+              i ? "开始点" : null,
+              n ? "结束点" : null,
+              l && c.length > 1 ? "轨迹线" : null
+            ].filter(Boolean),
+            bottom: 10,
+            show: !0,
+            textStyle: {
+              color: t.textColor
+            }
+          }
+        };
+      }
+      // 获取模拟数据（编辑模式使用）
+      getMockData() {
+        const t = [];
+        for (let e = 0; e < 10; e++) {
+          const i = e * 30 * Math.PI / 180, n = 5 + e * 3;
+          t.push({
+            time: w().subtract(10 - e, "day").format("YYYY-MM-DD"),
+            radius: n,
+            angle: i,
+            dispX: n * Math.cos(i),
+            dispY: n * Math.sin(i)
+          });
+        }
+        return t;
+      }
+      // 更新图表
+      updateChart() {
+        const t = this.getChartInstance();
+        if (t) {
+          const e = this.getChartOption();
+          t.setOption(e, !0);
+        }
+      }
+      // 覆盖基类方法：处理联动事件
+      onLinkEvent(t) {
+        st(t);
+      }
+    }
+    const b = new Z(d, "displacementTrajectoryChart");
+    b.setupLifecycle();
+    const E = b.getStyle(), tt = b.getEchartId(), et = I(() => Rt(d.conf.options)), at = Et(), nt = Y(""), V = I(() => {
+      var t, e;
+      return ((e = (((t = d.conf) == null ? void 0 : t.data) || [])[0]) == null ? void 0 : e.configPanelId) || "";
+    }), ot = I(() => d.uid || ""), A = () => {
+      const a = b.getChartInstance();
+      if (a) {
+        const t = b.getChartOption();
+        a.setOption(t, !0);
+      }
+    }, it = (a) => {
+      console.log("Selected time:", a);
+    }, lt = () => {
+      const a = b.getChartInstance();
+      if (a) {
+        const t = a.getDataURL({
+          type: "png",
+          backgroundColor: "#fff",
+          pixelRatio: 2
+        }), e = document.createElement("a");
+        e.download = `地层运移轨迹图_${w().format("YYYYMMDD_HHmmss")}.png`, e.href = t, e.click();
+      }
+    };
+    I(() => {
+      var n, l, s;
+      const a = ((n = d.conf) == null ? void 0 : n.options) || {}, t = ((l = a == null ? void 0 : a.linkChannel) == null ? void 0 : l.value) || "deepDisplacement", e = ((s = a == null ? void 0 : a.customChannel) == null ? void 0 : s.value) || "";
+      return [t === "custom" && e ? e : t];
+    }).value.forEach((a) => {
+      G(() => at.channels[a], (t) => {
+        var l, s;
+        if (!t || t.topic.source === "displacementTrajectoryChart") return;
+        const e = V.value, i = ot.value, { payload: n } = t;
+        console.log("[TrajectoryChart] 收到频道事件:", a, {
+          eventType: n == null ? void 0 : n.type,
+          eventObjectId: n == null ? void 0 : n.objectId,
+          myConfigPanelId: e,
+          myBindId: i,
+          fullPayload: n
+        }), n.type === "filter" && n.objectId === e ? (console.log("[TrajectoryChart] ✅ 匹配成功(configPanelId):", e, n.filter), H((l = n.filter) != null ? l : n)) : n.type === "filter" && e && console.log("[TrajectoryChart] ❌ 匹配失败(configPanelId):", {
+          expected: e,
+          received: n.objectId
+        }), n.type === "filter" && n.objectId === i && (console.log("[TrajectoryChart] ✅ 匹配成功(bindId):", i, n.filter), H((s = n.filter) != null ? s : n));
+      }, { deep: !0 });
+    });
+    const H = (a) => {
+      console.log("[TrajectoryChart] 收到控制面板配置:", a), b.setPanelConfig(a);
+      const t = (a == null ? void 0 : a.timeRange) || (a == null ? void 0 : a.dateRange);
+      if (t) {
+        const i = t.startDate || t.start || t[0], n = t.endDate || t.end || t[1];
+        i && n && (nt.value = `${i} ~ ${n}`);
+      }
+      const e = (a == null ? void 0 : a.timeList) || (a == null ? void 0 : a.selectedTimes);
+      Array.isArray(e) && (j.value = e, j.value.length > 0 && !f.value && (f.value = j.value[0])), J(A);
+    };
+    G(() => d.conf, () => {
+      b.init(), J(A);
+    }, { deep: !0 }), gt(() => {
+      b.init(), console.log("[TrajectoryChart] 组件挂载:", {
+        uid: d.uid,
+        configPanelId: V.value,
+        conf: d.conf
+      }), A();
+    }), bt(() => {
+      b.cleanup();
+    });
+    const st = (a) => {
+      var l;
+      if (!a || !a.payload) return;
+      const { payload: t } = a, e = d.conf, i = (e == null ? void 0 : e.data) || [], n = (e == null ? void 0 : e.common) || {};
+      if (i.length > 0 && !(n != null && n.multiObject)) {
+        const s = Ot(n, n == null ? void 0 : n.useAlias, d.uid) || ((l = i[0]) == null ? void 0 : l.object_id), m = (t == null ? void 0 : t.objectId) || (t == null ? void 0 : t.object_id);
+        if (s && m && String(s) !== String(m))
+          return;
+      }
+      console.log("[TrajectoryChart] 收到联动事件:", a);
+    };
+    return (a, t) => {
+      const e = ft, i = ht, n = yt, l = pt;
+      return T(), $("div", {
+        class: "mix-component",
+        style: K({ background: _(E).bgColor, borderRadius: `${_(E).radiusSize}px` })
+      }, [
+        _(E).isHideTitle ? Dt("", !0) : (T(), $("div", {
+          key: 0,
+          class: "mix-title",
+          style: K(et.value)
+        }, Ct(v.conf.caption || v.conf.name), 5)),
+        z("div", Yt, [
+          z("div", $t, [
+            O(i, {
+              modelValue: f.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (s) => f.value = s),
+              placeholder: "选择时间",
+              size: "small",
+              class: "time-select",
+              onChange: it
+            }, {
+              default: L(() => [
+                (T(!0), $(jt, null, xt(j.value, (s) => (T(), St(e, {
+                  key: s,
+                  label: s,
+                  value: s
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            O(l, {
+              size: "small",
+              class: "export-btn",
+              onClick: lt
+            }, {
+              default: L(() => [
+                O(n, null, {
+                  default: L(() => [
+                    O(_(wt))
+                  ]),
+                  _: 1
+                }),
+                t[1] || (t[1] = Pt(" 导出图 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          z("div", {
+            id: _(tt),
+            class: "chart-container"
+          }, null, 8, zt)
+        ]),
+        _t(a.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), ce = /* @__PURE__ */ At(Xt, [["__scopeId", "data-v-15e1636e"]]);
+export {
+  ce as default
+};