mixdashboards 1.0.32 → 1.0.39

package/dist/accelerationChart-B1HPMmd2.js

@@ -0,0 +1,577 @@
+var K = Object.defineProperty, ee = Object.defineProperties;
+var te = Object.getOwnPropertyDescriptors;
+var N = Object.getOwnPropertySymbols;
+var ae = Object.prototype.hasOwnProperty, oe = Object.prototype.propertyIsEnumerable;
+var I = (y, s, c) => s in y ? K(y, s, { enumerable: !0, configurable: !0, writable: !0, value: c }) : y[s] = c, P = (y, s) => {
+  for (var c in s || (s = {}))
+    ae.call(s, c) && I(y, c, s[c]);
+  if (N)
+    for (var c of N(s))
+      oe.call(s, c) && I(y, c, s[c]);
+  return y;
+}, U = (y, s) => ee(y, te(s));
+import { ElSelect as le, ElOption as re, ElRadioGroup as se, ElRadioButton as ne, ElDatePicker as ce, ElButton as ie } 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/radio-group/style/css";
+import "element-plus/es/components/radio-button/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import { defineComponent as ue, useCssVars as me, unref as A, ref as M, computed as k, watch as Y, onMounted as de, nextTick as $, openBlock as g, createElementBlock as F, createElementVNode as m, createVNode as x, withCtx as b, Fragment as L, renderList as O, createBlock as G, createTextVNode as E, toDisplayString as T, normalizeStyle as W, renderSlot as fe } from "vue";
+import "html2canvas";
+import { f as he, i as ve, j as ye } from "./element-resize-detector-DJcsrJ8s.js";
+import { d as j, _ as pe } from "./index-kShjySl9.js";
+import { E as xe } from "./EChartComponentBase-BQOhWkz2.js";
+import "./index-ButoLLAe.js";
+import { A as be, D as _e } from "./ele-lin-icon-Dax-ZiWV.js";
+import { i as De } from "./echarts-BVht3HHb.js";
+const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, Se = { class: "toolbar-left" }, Me = { class: "toolbar-center" }, Ye = { class: "toolbar-right" }, Fe = { class: "chart-header" }, Ee = { class: "chart-title" }, Ae = { class: "chart-legend" }, ke = { class: "legend-text" }, we = { class: "y-axis-unit" }, He = { class: "chart-body" }, Ve = ["id"], Le = {
+  DEFAULT_ICON: _e,
+  ACTIVE_ICON: be,
+  NAME_CN: "加速度监测",
+  NAME_EN: "Acceleration Chart",
+  ORDER: 10
+}, Oe = {
+  unit: { value: "mm", type: "string", label: "component.accelerationChart.unit" },
+  bgColor: { value: "#ffffff", type: "color", label: "component.options.bgColor" },
+  textColor: { value: "#333333", type: "color", label: "component.options.textColor" },
+  gridLineColor: { value: "#e5e5e5", type: "color", label: "component.accelerationChart.gridLineColor" },
+  points: { value: 50, type: "number", label: "component.options.points", min: 10, max: 200 },
+  lineType: { value: "smooth", type: "select", label: "component.accelerationChart.lineType", options: [
+    { label: "平滑曲线", value: "smooth" },
+    { label: "折线", value: "line" },
+    { label: "阶梯线", value: "step" }
+  ] },
+  showSymbol: { value: !1, type: "checkbox", label: "component.accelerationChart.showSymbol" },
+  lineWidth: { value: 1.5, type: "number", label: "component.accelerationChart.lineWidth", min: 1, max: 5 },
+  yMax: { value: 30, type: "number", label: "component.line.yMax" },
+  yMin: { value: -20, type: "number", label: "component.line.yMin" },
+  // 区域配置 - 逗号分隔的区域列表
+  areaList: { value: "内排,外排,边坡,平台", type: "string", label: "component.accelerationChart.areaList" }
+}, Te = [
+  {
+    name: "GPS01",
+    area: "内排",
+    object_id: "",
+    curves: [
+      { name: "x加速度", fv: "acc_x", color: "#4169E1" },
+      { name: "y加速度", fv: "acc_y", color: "#32CD32" },
+      { name: "h加速度", fv: "acc_h", color: "#FFD700" },
+      { name: "xy加速度", fv: "acc_xy", color: "#FF4500" },
+      { name: "xyh加速度", fv: "acc_xyh", color: "#1E90FF" }
+    ]
+  },
+  {
+    name: "GPS02",
+    area: "内排",
+    object_id: "",
+    curves: [
+      { name: "x加速度", fv: "acc_x", color: "#4169E1" },
+      { name: "y加速度", fv: "acc_y", color: "#32CD32" },
+      { name: "h加速度", fv: "acc_h", color: "#FFD700" },
+      { name: "xy加速度", fv: "acc_xy", color: "#FF4500" },
+      { name: "xyh加速度", fv: "acc_xyh", color: "#1E90FF" }
+    ]
+  },
+  {
+    name: "GPS03",
+    area: "外排",
+    object_id: "",
+    curves: [
+      { name: "x加速度", fv: "acc_x", color: "#4169E1" },
+      { name: "y加速度", fv: "acc_y", color: "#32CD32" },
+      { name: "h加速度", fv: "acc_h", color: "#FFD700" },
+      { name: "xy加速度", fv: "acc_xy", color: "#FF4500" },
+      { name: "xyh加速度", fv: "acc_xyh", color: "#1E90FF" }
+    ]
+  }
+], je = ["name", "area", "object_id", "curves"], ze = ["name", "fv", "color"], Be = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Re = { useAlias: !1, multiObject: !0, source: "mosaic" }, Ne = { DEFAULT: Le, OPTIONS: Oe, DATA: Te, PARAMS: je, SOURCE: Be, COMMON: Re, CURVE_PARAMS: ze }, Ie = /* @__PURE__ */ ue(U(P({}, Ne), {
+  __name: "accelerationChart",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(y) {
+    me((a) => ({
+      v3cfd941c: A(V).bgColor,
+      ea31b698: A(V).textColor
+    }));
+    const s = y, c = M(""), z = k(() => {
+      var o, n, u, d;
+      const a = ((o = s.conf) == null ? void 0 : o.data) || [], e = /* @__PURE__ */ new Set();
+      return a.forEach((r) => {
+        r.area && e.add(r.area);
+      }), e.size === 0 ? (((d = (u = (n = s.conf) == null ? void 0 : n.options) == null ? void 0 : u.areaList) == null ? void 0 : d.value) || "内排,外排,边坡,平台").split(",").map((l) => l.trim()).filter((l) => l) : Array.from(e);
+    });
+    Y(z, (a) => {
+      a.length > 0 && !c.value && (c.value = a[0]);
+    }, { immediate: !0 });
+    const Q = () => {
+      console.log("区域切换:", c.value);
+      const a = w.value;
+      a.length > 0 ? v.value = a[0].value : v.value = "", H();
+    }, v = M(""), w = k(() => {
+      var o;
+      return (((o = s.conf) == null ? void 0 : o.data) || []).filter((n) => n.area ? n.area === c.value : !0).map((n) => ({
+        label: n.name,
+        value: n.name
+      }));
+    });
+    Y(w, (a) => {
+      a.length > 0 && !v.value && (v.value = a[0].value);
+    }, { immediate: !0 });
+    const X = k(() => {
+      var e;
+      const a = ((e = s.conf) == null ? void 0 : e.data) || [];
+      return a.find((o) => o.name === v.value) || a[0] || null;
+    }), C = k(() => {
+      const a = X.value;
+      return a ? a.curves || [] : [];
+    }), B = M("7days"), _ = M(j().subtract(7, "day").format("YYYY-MM-DD HH:mm:ss")), D = M(j().format("YYYY-MM-DD HH:mm:ss")), Z = (a) => {
+      const e = j();
+      switch (a) {
+        case "today":
+          _.value = e.startOf("day").format("YYYY-MM-DD HH:mm:ss"), D.value = e.format("YYYY-MM-DD HH:mm:ss");
+          break;
+        case "7days":
+          _.value = e.subtract(7, "day").format("YYYY-MM-DD HH:mm:ss"), D.value = e.format("YYYY-MM-DD HH:mm:ss");
+          break;
+        case "30days":
+          _.value = e.subtract(30, "day").format("YYYY-MM-DD HH:mm:ss"), D.value = e.format("YYYY-MM-DD HH:mm:ss");
+          break;
+      }
+      H();
+    }, H = () => {
+      console.log("查询数据:", { area: c.value, device: v.value, startTime: _.value, endTime: D.value }), p.updateChartData(C.value);
+    }, q = () => {
+      console.log("导出数据:", { area: c.value, device: v.value, startTime: _.value, endTime: D.value });
+    };
+    Y(v, () => {
+      p.updateChartData(C.value);
+    });
+    class J extends xe {
+      constructor() {
+        super(...arguments), this.historyData = /* @__PURE__ */ new Map(), this.xAxisData = [];
+      }
+      extractStyles() {
+        var o, n, u, d, r, l, t, i, f, h, S;
+        const { options: e } = this.props.conf;
+        return {
+          unit: ((o = e == null ? void 0 : e.unit) == null ? void 0 : o.value) || "mm",
+          bgColor: ((n = e == null ? void 0 : e.bgColor) == null ? void 0 : n.value) || "#ffffff",
+          textColor: ((u = e == null ? void 0 : e.textColor) == null ? void 0 : u.value) || "#333333",
+          gridLineColor: ((d = e == null ? void 0 : e.gridLineColor) == null ? void 0 : d.value) || "#e5e5e5",
+          points: ((r = e == null ? void 0 : e.points) == null ? void 0 : r.value) || 50,
+          lineType: ((l = e == null ? void 0 : e.lineType) == null ? void 0 : l.value) || "smooth",
+          showSymbol: (i = (t = e == null ? void 0 : e.showSymbol) == null ? void 0 : t.value) != null ? i : !1,
+          lineWidth: ((f = e == null ? void 0 : e.lineWidth) == null ? void 0 : f.value) || 1.5,
+          yMax: ((h = e == null ? void 0 : e.yMax) == null ? void 0 : h.value) || 30,
+          yMin: ((S = e == null ? void 0 : e.yMin) == null ? void 0 : S.value) || -20
+        };
+      }
+      getDefaultData() {
+        return [
+          {
+            name: "GPS01",
+            area: "内排",
+            object_id: "",
+            curves: [
+              { name: "x加速度", fv: "acc_x", color: "#4169E1" },
+              { name: "y加速度", fv: "acc_y", color: "#32CD32" },
+              { name: "h加速度", fv: "acc_h", color: "#FFD700" },
+              { name: "xy加速度", fv: "acc_xy", color: "#FF4500" },
+              { name: "xyh加速度", fv: "acc_xyh", color: "#1E90FF" }
+            ]
+          },
+          {
+            name: "GPS02",
+            area: "内排",
+            object_id: "",
+            curves: [
+              { name: "x加速度", fv: "acc_x", color: "#4169E1" },
+              { name: "y加速度", fv: "acc_y", color: "#32CD32" },
+              { name: "h加速度", fv: "acc_h", color: "#FFD700" },
+              { name: "xy加速度", fv: "acc_xy", color: "#FF4500" },
+              { name: "xyh加速度", fv: "acc_xyh", color: "#1E90FF" }
+            ]
+          },
+          {
+            name: "GPS03",
+            area: "外排",
+            object_id: "",
+            curves: [
+              { name: "x加速度", fv: "acc_x", color: "#4169E1" },
+              { name: "y加速度", fv: "acc_y", color: "#32CD32" },
+              { name: "h加速度", fv: "acc_h", color: "#FFD700" },
+              { name: "xy加速度", fv: "acc_xy", color: "#FF4500" },
+              { name: "xyh加速度", fv: "acc_xyh", color: "#1E90FF" }
+            ]
+          }
+        ];
+      }
+      // 生成模拟加速度数据（波动曲线）
+      generateMockData(e, o = 0, n = 15) {
+        const u = [];
+        let d = Math.random() * Math.PI * 2;
+        for (let r = 0; r < e; r++) {
+          const l = (Math.random() - 0.5) * n * 0.5, t = Math.sin(d + r * 0.15) * n * 0.6, i = o + t + l;
+          u.push(parseFloat(i.toFixed(1)));
+        }
+        return u;
+      }
+      getChartOption(e = []) {
+        const o = this.extractStyles(), n = o.points;
+        this.xAxisData = he(n, this.props.mode, !1);
+        const d = (e.length > 0 ? e : [
+          { name: "x加速度", fv: "acc_x", color: "#4169E1" },
+          { name: "y加速度", fv: "acc_y", color: "#32CD32" },
+          { name: "h加速度", fv: "acc_h", color: "#FFD700" },
+          { name: "xy加速度", fv: "acc_xy", color: "#FF4500" },
+          { name: "xyh加速度", fv: "acc_xyh", color: "#1E90FF" }
+        ]).map((r, l) => {
+          const t = `${v.value}_${r.name}`;
+          let i = this.historyData.get(t);
+          if (!i || i.length === 0) {
+            const h = [15, -12, -11, 19, 22];
+            i = this.generateMockData(n, h[l] || 0, 2), this.historyData.set(t, i);
+          }
+          const f = {
+            name: r.name,
+            type: "line",
+            symbol: o.showSymbol ? "circle" : "none",
+            symbolSize: 4,
+            data: i,
+            lineStyle: {
+              width: o.lineWidth,
+              color: r.color
+            },
+            itemStyle: {
+              color: r.color
+            }
+          };
+          return o.lineType === "smooth" ? f.smooth = !0 : (o.lineType === "step" && (f.step = "middle"), f.smooth = !1), f;
+        });
+        return {
+          grid: {
+            left: 50,
+            right: 20,
+            top: 20,
+            bottom: 70
+          },
+          tooltip: {
+            trigger: "axis",
+            backgroundColor: "rgba(255, 255, 255, 0.95)",
+            borderColor: "#e5e5e5",
+            textStyle: { color: "#333", fontSize: 12 },
+            formatter: (r) => {
+              let l = `<div style="font-weight:bold;margin-bottom:5px">${r[0].axisValue}</div>`;
+              return r.forEach((t) => {
+                l += `<div style="display:flex;align-items:center;gap:5px">
+							${t.marker} 
+							<span>${t.seriesName}:</span>
+							<span style="font-weight:bold">${t.value} ${o.unit}</span>
+						</div>`;
+              }), l;
+            }
+          },
+          xAxis: {
+            type: "category",
+            data: this.xAxisData,
+            axisLine: { lineStyle: { color: o.gridLineColor } },
+            axisLabel: {
+              color: o.textColor,
+              fontSize: 11,
+              rotate: 0,
+              formatter: (r) => {
+                if (r.includes(" ")) {
+                  const l = r.split(" ");
+                  return l[0].substring(5) + `
+` + l[1].substring(0, 5);
+                }
+                return r;
+              }
+            },
+            splitLine: { show: !1 }
+          },
+          yAxis: {
+            type: "value",
+            max: o.yMax,
+            min: o.yMin,
+            axisLine: { show: !1 },
+            axisLabel: { color: o.textColor, fontSize: 11 },
+            splitLine: {
+              lineStyle: {
+                color: o.gridLineColor,
+                type: "solid"
+              }
+            }
+          },
+          // 数据缩放滑动条
+          dataZoom: [
+            {
+              type: "slider",
+              show: !0,
+              xAxisIndex: [0],
+              bottom: 5,
+              height: 30,
+              start: 0,
+              end: 100,
+              borderColor: "#ddd",
+              backgroundColor: "#f5f5f5",
+              fillerColor: "rgba(65, 105, 225, 0.15)",
+              showDetail: !0,
+              showDataShadow: !0,
+              realtime: !0,
+              textStyle: {
+                color: "#666",
+                fontSize: 11
+              },
+              handleIcon: "M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z",
+              handleSize: "80%",
+              handleStyle: {
+                color: "#fff",
+                borderColor: "#aaa",
+                borderWidth: 1,
+                shadowBlur: 2,
+                shadowColor: "rgba(0,0,0,0.2)",
+                shadowOffsetX: 1,
+                shadowOffsetY: 1
+              },
+              dataBackground: {
+                lineStyle: {
+                  color: "#8392A5",
+                  width: 1
+                },
+                areaStyle: {
+                  color: "rgba(131, 146, 165, 0.2)"
+                }
+              },
+              selectedDataBackground: {
+                lineStyle: {
+                  color: "#4169E1",
+                  width: 1
+                },
+                areaStyle: {
+                  color: "rgba(65, 105, 225, 0.1)"
+                }
+              }
+            },
+            {
+              type: "inside",
+              xAxisIndex: [0],
+              start: 0,
+              end: 100
+            }
+          ],
+          series: d
+        };
+      }
+      setHistoryData(e) {
+        const { data: o, common: n } = this.props.conf;
+        if (!o.some((l) => l.object_id && l.fv)) return;
+        const d = n.source || "mosaic";
+        ["statistics", "calculate"].includes(d) && (e = ve(e, o));
+        let r = ye(e, this.props, "history");
+        o.forEach((l, t) => {
+          if (!(!l.object_id || !l.fv))
+            try {
+              const i = r.history[t] || [], f = i.map((h) => {
+                var S;
+                return (S = h[l.fv]) != null ? S : 0;
+              });
+              this.historyData.set(l.name, f), t === 0 && i.length > 0 && (this.xAxisData = i.map((h) => h.time));
+            } catch (i) {
+            }
+        }), this.updateChartData();
+      }
+      setSocketData(e) {
+        if (!e) return;
+        const { data: o } = this.props.conf;
+        if (!o.some((l) => l.object_id && l.fv)) return;
+        const u = this.extractStyles().points, r = this.getSource() === "mosaic" ? e.datetime : e.start_time;
+        o.forEach((l) => {
+          !l.object_id || !l.curves || l.curves.forEach((t) => {
+            if (!t.fv) return;
+            const i = this.extractDataValue(e, t.fv);
+            if (i != null) {
+              const f = `${l.name}_${t.name}`;
+              let h = this.historyData.get(f) || [];
+              h.push(i), h.length > u && h.shift(), this.historyData.set(f, h);
+            }
+          });
+        }), r && (this.xAxisData.push(r), this.xAxisData.length > u && this.xAxisData.shift()), this.updateChartData();
+      }
+      updateChartData(e = []) {
+        this.chartObj && this.chartObj.setOption(this.getChartOption(e), !0);
+      }
+    }
+    const p = new J(s, "accelerationChart");
+    (!s.conf.data || s.conf.data.length === 0) && (s.conf.data = p.getDefaultData()), p.setupLifecycle();
+    const V = p.getStyle(), R = p.getEchartId();
+    return de(() => {
+      $(() => {
+        const a = document.getElementById(R);
+        if (a) {
+          const e = De(a);
+          e.setOption(p.getChartOption(C.value)), p.chartObj = e;
+        }
+      });
+    }), Y(() => {
+      var a;
+      return (a = s.conf) == null ? void 0 : a.data;
+    }, () => {
+      $(() => p.updateChartData(C.value));
+    }, { deep: !0 }), Y(() => {
+      var a;
+      return (a = s.conf) == null ? void 0 : a.socketData;
+    }, (a) => {
+      a && p.setSocketData(a);
+    }), (a, e) => {
+      const o = re, n = le, u = ne, d = se, r = ce, l = ie;
+      return g(), F("div", ge, [
+        m("div", Ce, [
+          m("div", Se, [
+            e[5] || (e[5] = m("span", { class: "toolbar-label" }, "区域", -1)),
+            x(n, {
+              modelValue: c.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (t) => c.value = t),
+              class: "area-select",
+              size: "small",
+              onChange: Q
+            }, {
+              default: b(() => [
+                (g(!0), F(L, null, O(z.value, (t) => (g(), G(o, {
+                  key: t,
+                  label: t,
+                  value: t
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            e[6] || (e[6] = m("span", { class: "toolbar-label" }, "设备", -1)),
+            x(n, {
+              modelValue: v.value,
+              "onUpdate:modelValue": e[1] || (e[1] = (t) => v.value = t),
+              class: "device-select",
+              size: "small"
+            }, {
+              default: b(() => [
+                (g(!0), F(L, null, O(w.value, (t) => (g(), G(o, {
+                  key: t.value,
+                  label: t.label,
+                  value: t.value
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          m("div", Me, [
+            x(d, {
+              modelValue: B.value,
+              "onUpdate:modelValue": e[2] || (e[2] = (t) => B.value = t),
+              size: "small",
+              onChange: Z
+            }, {
+              default: b(() => [
+                x(u, { label: "today" }, {
+                  default: b(() => [...e[7] || (e[7] = [
+                    E("今天", -1)
+                  ])]),
+                  _: 1
+                }),
+                x(u, { label: "7days" }, {
+                  default: b(() => [...e[8] || (e[8] = [
+                    E("近7天", -1)
+                  ])]),
+                  _: 1
+                }),
+                x(u, { label: "30days" }, {
+                  default: b(() => [...e[9] || (e[9] = [
+                    E("近30天", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          m("div", Ye, [
+            e[12] || (e[12] = m("span", { class: "toolbar-label" }, "开始时间", -1)),
+            x(r, {
+              modelValue: _.value,
+              "onUpdate:modelValue": e[3] || (e[3] = (t) => _.value = t),
+              type: "datetime",
+              size: "small",
+              format: "YYYY-MM-DD HH:mm:ss",
+              "value-format": "YYYY-MM-DD HH:mm:ss",
+              class: "datetime-picker"
+            }, null, 8, ["modelValue"]),
+            e[13] || (e[13] = m("span", { class: "toolbar-label" }, "结束时间", -1)),
+            x(r, {
+              modelValue: D.value,
+              "onUpdate:modelValue": e[4] || (e[4] = (t) => D.value = t),
+              type: "datetime",
+              size: "small",
+              format: "YYYY-MM-DD HH:mm:ss",
+              "value-format": "YYYY-MM-DD HH:mm:ss",
+              class: "datetime-picker"
+            }, null, 8, ["modelValue"]),
+            x(l, {
+              type: "primary",
+              size: "small",
+              onClick: H
+            }, {
+              default: b(() => [...e[10] || (e[10] = [
+                E("查询", -1)
+              ])]),
+              _: 1
+            }),
+            x(l, {
+              size: "small",
+              onClick: q
+            }, {
+              default: b(() => [...e[11] || (e[11] = [
+                E("导出", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        m("div", Fe, [
+          m("div", Ee, T(v.value), 1),
+          m("div", Ae, [
+            (g(!0), F(L, null, O(C.value, (t) => (g(), F("div", {
+              key: t.name,
+              class: "legend-item"
+            }, [
+              m("span", {
+                class: "legend-marker",
+                style: W({ backgroundColor: t.color })
+              }, [
+                m("span", {
+                  class: "legend-icon",
+                  style: W({ borderColor: t.color })
+                }, null, 4)
+              ], 4),
+              m("span", ke, T(t.name), 1)
+            ]))), 128))
+          ])
+        ]),
+        m("div", we, T(A(V).unit), 1),
+        m("div", He, [
+          m("div", {
+            id: A(R),
+            class: "chart-container"
+          }, null, 8, Ve)
+        ]),
+        fe(a.$slots, "default", {}, void 0, !0)
+      ]);
+    };
+  }
+})), st = /* @__PURE__ */ pe(Ie, [["__scopeId", "data-v-58581516"]]);
+export {
+  st as default
+};

package/dist/accelerationChart-DZj2V2vD.cjs

@@ -0,0 +1,6 @@
+"use strict";var q=Object.defineProperty,I=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var w=(y,s,i)=>s in y?q(y,s,{enumerable:!0,configurable:!0,writable:!0,value:i}):y[s]=i,A=(y,s)=>{for(var i in s||(s={}))P.call(s,i)&&w(y,i,s[i]);if(k)for(var i of k(s))U.call(s,i)&&w(y,i,s[i]);return y},T=(y,s)=>I(y,R(s));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=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/radio-group/style/css");require("element-plus/es/components/radio-button/style/css");require("element-plus/es/components/select/style/css");require("element-plus/es/components/option/style/css");const t=require("vue");require("html2canvas");const M=require("./element-resize-detector-Bo5uDQAu.cjs"),C=require("./index-Mh5Dw2sd.cjs"),$=require("./EChartComponentBase-BaQpBzVC.cjs");require("./index-mAPVa0s4.cjs");const H=require("./ele-lin-icon-Dke_1AmT.cjs"),G=require("./echarts-BB8O2KSA.cjs"),W={class:"acceleration-chart-wrapper"},Q={class:"toolbar"},X={class:"toolbar-left"},Z={class:"toolbar-center"},J={class:"toolbar-right"},K={class:"chart-header"},ee={class:"chart-title"},te={class:"chart-legend"},ae={class:"legend-text"},oe={class:"y-axis-unit"},le={class:"chart-body"},re=["id"],ne={DEFAULT_ICON:H.DEFAULT_ICON,ACTIVE_ICON:H.ACTIVE_ICON,NAME_CN:"加速度监测",NAME_EN:"Acceleration Chart",ORDER:10},se={unit:{value:"mm",type:"string",label:"component.accelerationChart.unit"},bgColor:{value:"#ffffff",type:"color",label:"component.options.bgColor"},textColor:{value:"#333333",type:"color",label:"component.options.textColor"},gridLineColor:{value:"#e5e5e5",type:"color",label:"component.accelerationChart.gridLineColor"},points:{value:50,type:"number",label:"component.options.points",min:10,max:200},lineType:{value:"smooth",type:"select",label:"component.accelerationChart.lineType",options:[{label:"平滑曲线",value:"smooth"},{label:"折线",value:"line"},{label:"阶梯线",value:"step"}]},showSymbol:{value:!1,type:"checkbox",label:"component.accelerationChart.showSymbol"},lineWidth:{value:1.5,type:"number",label:"component.accelerationChart.lineWidth",min:1,max:5},yMax:{value:30,type:"number",label:"component.line.yMax"},yMin:{value:-20,type:"number",label:"component.line.yMin"},areaList:{value:"内排,外排,边坡,平台",type:"string",label:"component.accelerationChart.areaList"}},ce=[{name:"GPS01",area:"内排",object_id:"",curves:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]},{name:"GPS02",area:"内排",object_id:"",curves:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]},{name:"GPS03",area:"外排",object_id:"",curves:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]}],ie=["name","area","object_id","curves"],ue=["name","fv","color"],de=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],me={useAlias:!1,multiObject:!0,source:"mosaic"},fe={DEFAULT:ne,OPTIONS:se,DATA:ce,PARAMS:ie,SOURCE:de,COMMON:me,CURVE_PARAMS:ue},he=t.defineComponent(T(A({},fe),{__name:"accelerationChart",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(y){t.useCssVars(o=>({v3cfd941c:t.unref(V).bgColor,ea31b698:t.unref(V).textColor}));const s=y,i=t.ref(""),F=t.computed(()=>{var l,c,d,m;const o=((l=s.conf)==null?void 0:l.data)||[],e=new Set;return o.forEach(n=>{n.area&&e.add(n.area)}),e.size===0?(((m=(d=(c=s.conf)==null?void 0:c.options)==null?void 0:d.areaList)==null?void 0:m.value)||"内排,外排,边坡,平台").split(",").map(r=>r.trim()).filter(r=>r):Array.from(e)});t.watch(F,o=>{o.length>0&&!i.value&&(i.value=o[0])},{immediate:!0});const L=()=>{console.log("区域切换:",i.value);const o=E.value;o.length>0?v.value=o[0].value:v.value="",S()},v=t.ref(""),E=t.computed(()=>{var l;return(((l=s.conf)==null?void 0:l.data)||[]).filter(c=>c.area?c.area===i.value:!0).map(c=>({label:c.name,value:c.name}))});t.watch(E,o=>{o.length>0&&!v.value&&(v.value=o[0].value)},{immediate:!0});const B=t.computed(()=>{var e;const o=((e=s.conf)==null?void 0:e.data)||[];return o.find(l=>l.name===v.value)||o[0]||null}),g=t.computed(()=>{const o=B.value;return o?o.curves||[]:[]}),Y=t.ref("7days"),x=t.ref(C.dayjs().subtract(7,"day").format("YYYY-MM-DD HH:mm:ss")),b=t.ref(C.dayjs().format("YYYY-MM-DD HH:mm:ss")),O=o=>{const e=C.dayjs();switch(o){case"today":x.value=e.startOf("day").format("YYYY-MM-DD HH:mm:ss"),b.value=e.format("YYYY-MM-DD HH:mm:ss");break;case"7days":x.value=e.subtract(7,"day").format("YYYY-MM-DD HH:mm:ss"),b.value=e.format("YYYY-MM-DD HH:mm:ss");break;case"30days":x.value=e.subtract(30,"day").format("YYYY-MM-DD HH:mm:ss"),b.value=e.format("YYYY-MM-DD HH:mm:ss");break}S()},S=()=>{console.log("查询数据:",{area:i.value,device:v.value,startTime:x.value,endTime:b.value}),p.updateChartData(g.value)},j=()=>{console.log("导出数据:",{area:i.value,device:v.value,startTime:x.value,endTime:b.value})};t.watch(v,()=>{p.updateChartData(g.value)});class z extends $.EChartComponentBase{constructor(){super(...arguments),this.historyData=new Map,this.xAxisData=[]}extractStyles(){var l,c,d,m,n,r,a,u,f,h,D;const{options:e}=this.props.conf;return{unit:((l=e==null?void 0:e.unit)==null?void 0:l.value)||"mm",bgColor:((c=e==null?void 0:e.bgColor)==null?void 0:c.value)||"#ffffff",textColor:((d=e==null?void 0:e.textColor)==null?void 0:d.value)||"#333333",gridLineColor:((m=e==null?void 0:e.gridLineColor)==null?void 0:m.value)||"#e5e5e5",points:((n=e==null?void 0:e.points)==null?void 0:n.value)||50,lineType:((r=e==null?void 0:e.lineType)==null?void 0:r.value)||"smooth",showSymbol:(u=(a=e==null?void 0:e.showSymbol)==null?void 0:a.value)!=null?u:!1,lineWidth:((f=e==null?void 0:e.lineWidth)==null?void 0:f.value)||1.5,yMax:((h=e==null?void 0:e.yMax)==null?void 0:h.value)||30,yMin:((D=e==null?void 0:e.yMin)==null?void 0:D.value)||-20}}getDefaultData(){return[{name:"GPS01",area:"内排",object_id:"",curves:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]},{name:"GPS02",area:"内排",object_id:"",curves:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]},{name:"GPS03",area:"外排",object_id:"",curves:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]}]}generateMockData(e,l=0,c=15){const d=[];let m=Math.random()*Math.PI*2;for(let n=0;n<e;n++){const r=(Math.random()-.5)*c*.5,a=Math.sin(m+n*.15)*c*.6,u=l+a+r;d.push(parseFloat(u.toFixed(1)))}return d}getChartOption(e=[]){const l=this.extractStyles(),c=l.points;this.xAxisData=M.getxAxisDataTime(c,this.props.mode,!1);const m=(e.length>0?e:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]).map((n,r)=>{const a=`${v.value}_${n.name}`;let u=this.historyData.get(a);if(!u||u.length===0){const h=[15,-12,-11,19,22];u=this.generateMockData(c,h[r]||0,2),this.historyData.set(a,u)}const f={name:n.name,type:"line",symbol:l.showSymbol?"circle":"none",symbolSize:4,data:u,lineStyle:{width:l.lineWidth,color:n.color},itemStyle:{color:n.color}};return l.lineType==="smooth"?f.smooth=!0:(l.lineType==="step"&&(f.step="middle"),f.smooth=!1),f});return{grid:{left:50,right:20,top:20,bottom:70},tooltip:{trigger:"axis",backgroundColor:"rgba(255, 255, 255, 0.95)",borderColor:"#e5e5e5",textStyle:{color:"#333",fontSize:12},formatter:n=>{let r=`<div style="font-weight:bold;margin-bottom:5px">${n[0].axisValue}</div>`;return n.forEach(a=>{r+=`<div style="display:flex;align-items:center;gap:5px">
+							${a.marker} 
+							<span>${a.seriesName}:</span>
+							<span style="font-weight:bold">${a.value} ${l.unit}</span>
+						</div>`}),r}},xAxis:{type:"category",data:this.xAxisData,axisLine:{lineStyle:{color:l.gridLineColor}},axisLabel:{color:l.textColor,fontSize:11,rotate:0,formatter:n=>{if(n.includes(" ")){const r=n.split(" ");return r[0].substring(5)+`
+`+r[1].substring(0,5)}return n}},splitLine:{show:!1}},yAxis:{type:"value",max:l.yMax,min:l.yMin,axisLine:{show:!1},axisLabel:{color:l.textColor,fontSize:11},splitLine:{lineStyle:{color:l.gridLineColor,type:"solid"}}},dataZoom:[{type:"slider",show:!0,xAxisIndex:[0],bottom:5,height:30,start:0,end:100,borderColor:"#ddd",backgroundColor:"#f5f5f5",fillerColor:"rgba(65, 105, 225, 0.15)",showDetail:!0,showDataShadow:!0,realtime:!0,textStyle:{color:"#666",fontSize:11},handleIcon:"M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z",handleSize:"80%",handleStyle:{color:"#fff",borderColor:"#aaa",borderWidth:1,shadowBlur:2,shadowColor:"rgba(0,0,0,0.2)",shadowOffsetX:1,shadowOffsetY:1},dataBackground:{lineStyle:{color:"#8392A5",width:1},areaStyle:{color:"rgba(131, 146, 165, 0.2)"}},selectedDataBackground:{lineStyle:{color:"#4169E1",width:1},areaStyle:{color:"rgba(65, 105, 225, 0.1)"}}},{type:"inside",xAxisIndex:[0],start:0,end:100}],series:m}}setHistoryData(e){const{data:l,common:c}=this.props.conf;if(!l.some(r=>r.object_id&&r.fv))return;const m=c.source||"mosaic";["statistics","calculate"].includes(m)&&(e=M.formatStatisticsResult(e,l));let n=M.handleNullData(e,this.props,"history");l.forEach((r,a)=>{if(!(!r.object_id||!r.fv))try{const u=n.history[a]||[],f=u.map(h=>{var D;return(D=h[r.fv])!=null?D:0});this.historyData.set(r.name,f),a===0&&u.length>0&&(this.xAxisData=u.map(h=>h.time))}catch(u){}}),this.updateChartData()}setSocketData(e){if(!e)return;const{data:l}=this.props.conf;if(!l.some(r=>r.object_id&&r.fv))return;const d=this.extractStyles().points,n=this.getSource()==="mosaic"?e.datetime:e.start_time;l.forEach(r=>{!r.object_id||!r.curves||r.curves.forEach(a=>{if(!a.fv)return;const u=this.extractDataValue(e,a.fv);if(u!=null){const f=`${r.name}_${a.name}`;let h=this.historyData.get(f)||[];h.push(u),h.length>d&&h.shift(),this.historyData.set(f,h)}})}),n&&(this.xAxisData.push(n),this.xAxisData.length>d&&this.xAxisData.shift()),this.updateChartData()}updateChartData(e=[]){this.chartObj&&this.chartObj.setOption(this.getChartOption(e),!0)}}const p=new z(s,"accelerationChart");(!s.conf.data||s.conf.data.length===0)&&(s.conf.data=p.getDefaultData()),p.setupLifecycle();const V=p.getStyle(),N=p.getEchartId();return t.onMounted(()=>{t.nextTick(()=>{const o=document.getElementById(N);if(o){const e=G.init(o);e.setOption(p.getChartOption(g.value)),p.chartObj=e}})}),t.watch(()=>{var o;return(o=s.conf)==null?void 0:o.data},()=>{t.nextTick(()=>p.updateChartData(g.value))},{deep:!0}),t.watch(()=>{var o;return(o=s.conf)==null?void 0:o.socketData},o=>{o&&p.setSocketData(o)}),(o,e)=>{const l=_.ElOption,c=_.ElSelect,d=_.ElRadioButton,m=_.ElRadioGroup,n=_.ElDatePicker,r=_.ElButton;return t.openBlock(),t.createElementBlock("div",W,[t.createElementVNode("div",Q,[t.createElementVNode("div",X,[e[5]||(e[5]=t.createElementVNode("span",{class:"toolbar-label"},"区域",-1)),t.createVNode(c,{modelValue:i.value,"onUpdate:modelValue":e[0]||(e[0]=a=>i.value=a),class:"area-select",size:"small",onChange:L},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(F.value,a=>(t.openBlock(),t.createBlock(l,{key:a,label:a,value:a},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),e[6]||(e[6]=t.createElementVNode("span",{class:"toolbar-label"},"设备",-1)),t.createVNode(c,{modelValue:v.value,"onUpdate:modelValue":e[1]||(e[1]=a=>v.value=a),class:"device-select",size:"small"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(E.value,a=>(t.openBlock(),t.createBlock(l,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),t.createElementVNode("div",Z,[t.createVNode(m,{modelValue:Y.value,"onUpdate:modelValue":e[2]||(e[2]=a=>Y.value=a),size:"small",onChange:O},{default:t.withCtx(()=>[t.createVNode(d,{label:"today"},{default:t.withCtx(()=>[...e[7]||(e[7]=[t.createTextVNode("今天",-1)])]),_:1}),t.createVNode(d,{label:"7days"},{default:t.withCtx(()=>[...e[8]||(e[8]=[t.createTextVNode("近7天",-1)])]),_:1}),t.createVNode(d,{label:"30days"},{default:t.withCtx(()=>[...e[9]||(e[9]=[t.createTextVNode("近30天",-1)])]),_:1})]),_:1},8,["modelValue"])]),t.createElementVNode("div",J,[e[12]||(e[12]=t.createElementVNode("span",{class:"toolbar-label"},"开始时间",-1)),t.createVNode(n,{modelValue:x.value,"onUpdate:modelValue":e[3]||(e[3]=a=>x.value=a),type:"datetime",size:"small",format:"YYYY-MM-DD HH:mm:ss","value-format":"YYYY-MM-DD HH:mm:ss",class:"datetime-picker"},null,8,["modelValue"]),e[13]||(e[13]=t.createElementVNode("span",{class:"toolbar-label"},"结束时间",-1)),t.createVNode(n,{modelValue:b.value,"onUpdate:modelValue":e[4]||(e[4]=a=>b.value=a),type:"datetime",size:"small",format:"YYYY-MM-DD HH:mm:ss","value-format":"YYYY-MM-DD HH:mm:ss",class:"datetime-picker"},null,8,["modelValue"]),t.createVNode(r,{type:"primary",size:"small",onClick:S},{default:t.withCtx(()=>[...e[10]||(e[10]=[t.createTextVNode("查询",-1)])]),_:1}),t.createVNode(r,{size:"small",onClick:j},{default:t.withCtx(()=>[...e[11]||(e[11]=[t.createTextVNode("导出",-1)])]),_:1})])]),t.createElementVNode("div",K,[t.createElementVNode("div",ee,t.toDisplayString(v.value),1),t.createElementVNode("div",te,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(g.value,a=>(t.openBlock(),t.createElementBlock("div",{key:a.name,class:"legend-item"},[t.createElementVNode("span",{class:"legend-marker",style:t.normalizeStyle({backgroundColor:a.color})},[t.createElementVNode("span",{class:"legend-icon",style:t.normalizeStyle({borderColor:a.color})},null,4)],4),t.createElementVNode("span",ae,t.toDisplayString(a.name),1)]))),128))])]),t.createElementVNode("div",oe,t.toDisplayString(t.unref(V).unit),1),t.createElementVNode("div",le,[t.createElementVNode("div",{id:t.unref(N),class:"chart-container"},null,8,re)]),t.renderSlot(o.$slots,"default",{},void 0,!0)])}}})),ve=C._export_sfc(he,[["__scopeId","data-v-58581516"]]);exports.default=ve;

package/dist/actionItem-BYCPoQK7.cjs

@@ -0,0 +1 @@
+"use strict";var K=Object.defineProperty,G=Object.defineProperties;var Q=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var X=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var A=(k,t,o)=>t in k?K(k,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):k[t]=o,O=(k,t)=>{for(var o in t||(t={}))X.call(t,o)&&A(k,o,t[o]);if(B)for(var o of B(t))Y.call(t,o)&&A(k,o,t[o]);return k},T=(k,t)=>G(k,Q(t));var J=(k,t,o)=>new Promise((s,n)=>{var l=i=>{try{h(o.next(i))}catch(b){n(b)}},p=i=>{try{h(o.throw(i))}catch(b){n(b)}},h=i=>i.done?s(i.value):Promise.resolve(i.value).then(l,p);h((o=o.apply(k,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/form/style/css");require("element-plus/es/components/empty/style/css");const e=require("vue"),c=require("element-plus"),$=require("@element-plus/icons-vue"),Z=require("./store-BJW2NQkK.cjs"),ee=require("./index-Mh5Dw2sd.cjs"),te=require("./element-resize-detector-Bo5uDQAu.cjs"),re=require("./titleStyle-NSnz6cUg.cjs"),q=require("./ele-crd-icon-BvNgAPKW.cjs");class oe extends te.BaseComponent{constructor(t){super(t,"actionItem"),this.formData=e.reactive({}),this.showJsonEditor=e.ref(!1),this.jsonInput=e.ref("")}extractStyles(){return{bgColor:this.getOptionValue("bgColor","#fff"),titleColor:this.getOptionValue("titleColor","#333"),radiusSize:this.getOptionValue("radiusSize",8),labelWidth:this.getOptionValue("labelWidth",100),isHideTitle:this.getOptionValue("isHideTitle",!1),showButtons:this.getOptionValue("showButtons",!0)}}init(){var o;this.Style.value=this.extractStyles(),this.applyTheme();const t=this.props.conf.data;t&&typeof t=="object"&&((o=t.params)!=null&&o.length)&&this.parseBackendData(t),this.initFormData()}getParams(){var t;return Array.isArray((t=this.props.conf)==null?void 0:t.params)?this.props.conf.params:[]}get hasParams(){return this.getParams().length>0}getVisibleParams(){return this.getParams().filter(t=>t.form_type!=="hidden"&&!this.isFieldHidden(t))}getFormRules(){const t={},o=(s,n="")=>{s.forEach(l=>{const p=n?`${n}.${l.key}`:l.key;if(l.form_type==="sub_form"&&l.properties&&!l.items){o(l.properties,p);return}if(l.form_type==="sub_form"&&l.items)return;const h=this.buildValidationRules(l);h.length&&(t[p]=h)})};return o(this.getParams()),t}initFormData(){var o,s;const t=(s=(o=this.props.conf)==null?void 0:o.data)==null?void 0:s.values;this.getParams().forEach(n=>{t&&t[n.key]!==void 0?this.formData[n.key]=t[n.key]:this.formData[n.key]=this.getDefaultValue(n)})}resetForm(){this.initFormData()}getDefaultValue(t){var o,s;if(t.form_type==="sub_form"&&t.properties&&!t.items){const n={};return t.properties.forEach(l=>{n[l.key]=this.getDefaultValue(l)}),n}return t.form_type==="sub_form"&&t.items?Array.isArray(t.default_value)?t.default_value:[]:t.form_type==="checkbox_group"?Array.isArray(t.default_value)?t.default_value:[]:t.default_value!==null&&t.default_value!==void 0?t.default_value:t.form_type==="switch"?!1:t.form_type==="number"?(s=(o=t.format)==null?void 0:o.min)!=null?s:0:""}buildValidationRules(t){const o=[];t.required&&o.push({required:!0,message:`请输入${t.cn_name}`,trigger:"blur"});const s=t.format;return s&&(s.pattern&&o.push({pattern:new RegExp(s.pattern),message:`${t.cn_name}格式不正确`,trigger:"blur"}),(s.min_length||s.max_length)&&o.push({min:s.min_length,max:s.max_length,message:s.min_length&&s.max_length?`长度在 ${s.min_length} 到 ${s.max_length} 个字符`:s.min_length?`最少 ${s.min_length} 个字符`:`最多 ${s.max_length} 个字符`,trigger:"blur"})),o}isFieldHidden(t){var o,s,n,l;if(!((o=t.rules)!=null&&o.length))return!1;for(const p of t.rules){const h=this.formData[(s=p.related_key)==null?void 0:s.split(".")[0]],i=(n=p.conditions)==null?void 0:n.find(b=>b.value===h);if((l=i==null?void 0:i.property)!=null&&l.hidden)return!0}return!1}isFieldDisabled(t){var o,s,n,l;if(!((o=t.rules)!=null&&o.length))return!1;for(const p of t.rules){const h=this.formData[(s=p.related_key)==null?void 0:s.split(".")[0]],i=(n=p.conditions)==null?void 0:n.find(b=>b.value===h);if((l=i==null?void 0:i.property)!=null&&l.disabled)return!0}return!1}getFieldOptions(t){var s,n;let o=t.enum||[];if(t.rules)for(const l of t.rules){if(!l.related_key)continue;const p=this.formData[l.related_key],h=(s=l.conditions)==null?void 0:s.find(i=>i.value===p);if((n=h==null?void 0:h.property)!=null&&n.enum){o=h.property.enum;break}}return o}onFieldChange(t){this.getParams().forEach(o=>{if(o.rules)for(const s of o.rules)s.related_key===t.key&&(this.formData[o.key]=o.form_type==="checkbox_group"?[]:o.form_type==="switch"?!1:"")})}addSubItem(t){var n;Array.isArray(this.formData[t.key])||(this.formData[t.key]=[]);const o=((n=t.items)==null?void 0:n.properties)||t.properties||[],s={};o.forEach(l=>{s[l.key]=this.getDefaultValue(l)}),this.formData[t.key].push(s)}removeSubItem(t,o){var s;(s=this.formData[t])==null||s.splice(o,1)}getSubFieldOptions(t,o){var s,n,l;if((s=t.enum)!=null&&s.length)return t.enum;if(t.rules)for(const p of t.rules){if(!p.related_key)continue;const h=p.related_key.split(".").pop(),i=(n=p.conditions)==null?void 0:n.find(b=>b.value===o[h]);if((l=i==null?void 0:i.property)!=null&&l.enum)return i.property.enum}return[]}onSubFieldChange(t,o,s){var l;(((l=t.items)==null?void 0:l.properties)||t.properties||[]).forEach(p=>{var h;if(p.rules)for(const i of p.rules)((h=i.related_key)==null?void 0:h.split(".").pop())===o.key&&(s[p.key]="")})}applyJson(){try{const t=JSON.parse(this.jsonInput.value);if(t.params&&Array.isArray(t.params))this.props.conf.action_name=t.action_name||"表单",this.props.conf.description=t.description||"",this.props.conf.params=t.params,this.props.conf.data=t,this.initFormData();else if(Array.isArray(t))this.props.conf.params=t,this.props.conf.data={params:t},this.initFormData();else if(t.key&&t.form_type)this.props.conf.params=[t],this.initFormData();else return{success:!1,error:"无法识别的 JSON 格式"};return this.showJsonEditor.value=!1,{success:!0}}catch(t){return{success:!1,error:t.message||"JSON 格式错误"}}}exportTargetJson(){return this.exportToOriginalFormat()}parseBackendData(t){t&&(this.props.conf.action_name=t.action_name,this.props.conf.description=t.description,this.props.conf.params=t.params,this.props.conf.block=t.block,this.props.conf.action=t.action,this.props.conf.data=t,this.initFormData())}serializeToBackend(){return{block:this.props.conf.block,action:this.props.conf.action,params:O({},this.formData),originalFormat:this.exportToOriginalFormat()}}saveFormData(){this.props.conf.data||(this.props.conf.data={}),this.props.conf.data.values=JSON.parse(JSON.stringify(this.formData))}getFullConfig(){return{action_name:this.props.conf.action_name,description:this.props.conf.description,block:this.props.conf.block,action:this.props.conf.action,params:this.props.conf.params}}exportToOriginalFormat(){return this.convertFormDataToOriginal(this.formData,this.getParams())}convertFormDataToOriginal(t,o){const s={};return o.forEach(n=>{var p;const l=t[n.key];n.form_type==="sub_form"?n.properties&&!n.items?s[n.key]=this.convertFormDataToOriginal(l||{},n.properties):(p=n.items)!=null&&p.properties&&(s[n.key]=Array.isArray(l)?l.map(h=>this.convertArrayItemToOriginal(h,n.items.properties)):[]):n.db_type==="boolean"&&typeof l=="boolean"?s[n.key]=l?"true":"false":s[n.key]=l}),s}convertArrayItemToOriginal(t,o){const s={};return o.forEach(n=>{n.form_type==="sub_form"&&n.properties?s[n.key]=this.convertFormDataToOriginal(t[n.key]||{},n.properties):s[n.key]=t[n.key]}),s}setSocketData(t){if(!t)return;const o=t.result||t,s=o.action_item||o;s!=null&&s.params&&this.parseBackendData(s)}watchParams(){e.watch(()=>{var t;return(t=this.props.conf)==null?void 0:t.params},()=>this.initFormData(),{immediate:!0,deep:!0})}}const se={class:"mix-body"},ne={key:0,class:"json-editor"},ae={class:"editor-header"},ie={key:1,class:"edit-toolbar"},le={key:2,class:"empty-state"},ue={key:3,class:"form-content"},ce={key:0,class:"form-description"},de={DEFAULT_ICON:q.DEFAULT_ICON,ACTIVE_ICON:q.ACTIVE_ICON,NAME_CN:"动态表单",NAME_EN:"ActionItem",ORDER:1},me={titleColor:"#111",bgColor:"#fff",radiusSize:8,labelWidth:100,isHideTitle:!1,showButtons:!0},fe={},pe=[],he=[],ye={},ge={DEFAULT:de,OPTIONS:me,DATA:fe,PARAMS:pe,SOURCE:he,COMMON:ye},_e=e.defineComponent(T(O({},ge),{__name:"actionItem",props:{conf:{type:Object,default:()=>({})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},emits:["submit","generate"],setup(k,{emit:t}){const o=k,s=e.ref(!1),n=e.ref(""),l=t,p=Z.useCounterStore(),h=e.ref(),i=new oe(o);i.setupLifecycle(),i.watchParams();const b=i.getStyle(),C=e.computed(()=>o.conf||{}),z=e.computed(()=>re.generateTitleStyle(o.conf.options));function N(a,r){return r.split(".").reduce((m,f)=>m==null?void 0:m[f],a)}function w(a,r,m){const f=r.split("."),d=f.pop(),u=f.reduce((_,V)=>((!_[V]||typeof _[V]!="object")&&(_[V]={}),_[V]),a);u[d]=m}function F(a,r,m){var f,d,u;if(!((f=a.rules)!=null&&f.length))return!1;for(const _ of a.rules){const V=_.related_key;if(!V)continue;const E=r?`${r}.${V}`:V,v=N(m,E),g=(d=_.conditions)==null?void 0:d.find(x=>x.value===v);if((u=g==null?void 0:g.property)!=null&&u.hidden)return!0}return!1}const I=e.defineComponent({name:"FormField",props:{param:{type:Object,required:!0},rootData:{type:Object,required:!0},actionItem:{type:Object,required:!0},parentPath:{type:String,default:""}},setup(a){var E;const r=a.param,m=a.rootData,f=a.actionItem,d=r.key,u=a.parentPath?`${a.parentPath}.${d}`:d,_=r.form_type==="sub_form"&&r.properties&&!r.items,V=r.form_type==="sub_form"&&((E=r.items)==null?void 0:E.properties);return()=>{if(F(r,a.parentPath,m))return null;if(_){let g=N(m,u);(!g||typeof g!="object"||Array.isArray(g))&&w(m,u,{});const x=r.properties.filter(y=>!F(y,u,m));return e.h("div",{class:"nested-group"},[e.h("div",{class:"nested-title"},r.cn_name),e.h("div",{class:"nested-content"},x.map(y=>e.h(I,{param:y,rootData:m,actionItem:f,key:y.key,parentPath:u})))])}if(V){let g=N(m,u);Array.isArray(g)||(w(m,u,[]),g=N(m,u));const x=r.items.properties;return e.h(c.ElFormItem,{label:r.cn_name},()=>[e.h("div",{class:"sub-form"},[...g.map((y,D)=>e.h("div",{class:"sub-item",key:D},[e.h("div",{class:"sub-fields"},x.map(S=>e.h("div",{class:"sub-field",key:S.key},[e.h("span",{class:"sub-label"},[S.required?e.h("span",{class:"required-star"},"*"):null,S.cn_name]),R(S,y,f)]))),e.h(c.ElButton,{type:"danger",icon:$.Delete,circle:!0,size:"small",onClick:()=>g.splice(D,1)})])),e.h(c.ElButton,{type:"primary",icon:$.Plus,onClick:()=>{const y={};x.forEach(D=>{y[D.key]=j(D)}),g.push(y)}},()=>"添加")])])}const v={label:r.cn_name,prop:u};return r.required&&(v.rules=[{required:!0,message:`请输入${r.cn_name}`,trigger:"blur"}]),e.h(c.ElFormItem,v,()=>U(r,u,m,f))}}});function U(a,r,m,f){var V,E;const d=f.isFieldDisabled(a),u=N(m,r),_=v=>w(m,r,v);switch(a.form_type){case"text":return e.h(c.ElInput,{modelValue:u!=null?u:"","onUpdate:modelValue":_,placeholder:a.description||`请输入${a.cn_name}`,disabled:d,size:"small"});case"textarea":return e.h(c.ElInput,{type:"textarea",modelValue:u!=null?u:"","onUpdate:modelValue":_,placeholder:a.description,disabled:d,rows:3});case"select":return e.h(c.ElSelect,{modelValue:u!=null?u:"","onUpdate:modelValue":_,placeholder:`请选择${a.cn_name}`,disabled:d,style:"width:100%",size:"small"},()=>(a.enum||[]).map(g=>e.h(c.ElOption,{key:g.value,label:g.cn_name,value:g.value})));case"number":return e.h(c.ElInputNumber,{modelValue:u!=null?u:0,"onUpdate:modelValue":_,disabled:d,min:(V=a.format)==null?void 0:V.min,max:(E=a.format)==null?void 0:E.max,style:"width:100%",size:"small"});case"switch":const v=u===!0||u==="true";return e.h(c.ElSwitch,{modelValue:v,"onUpdate:modelValue":_,disabled:d});default:return e.h(c.ElInput,{modelValue:u!=null?u:"","onUpdate:modelValue":_,disabled:d,size:"small"})}}function R(a,r,m){var u,_,V,E,v,g;const f=a.key,d=m.isFieldDisabled(a);switch(a.form_type){case"text":return e.h(c.ElInput,{modelValue:(u=r[f])!=null?u:"","onUpdate:modelValue":y=>r[f]=y,placeholder:a.description||`请输入${a.cn_name}`,disabled:d,size:"small"});case"select":return e.h(c.ElSelect,{modelValue:(_=r[f])!=null?_:"","onUpdate:modelValue":y=>r[f]=y,placeholder:`请选择${a.cn_name}`,disabled:d,style:"width:100%",size:"small"},()=>(a.enum||[]).map(y=>e.h(c.ElOption,{key:y.value,label:y.cn_name,value:y.value})));case"number":return e.h(c.ElInputNumber,{modelValue:(V=r[f])!=null?V:0,"onUpdate:modelValue":y=>r[f]=y,disabled:d,min:(E=a.format)==null?void 0:E.min,max:(v=a.format)==null?void 0:v.max,style:"width:100%",size:"small"});case"switch":const x=r[f]===!0||r[f]==="true";return e.h(c.ElSwitch,{modelValue:x,"onUpdate:modelValue":y=>r[f]=y,disabled:d});default:return e.h(c.ElInput,{modelValue:(g=r[f])!=null?g:"","onUpdate:modelValue":y=>r[f]=y,disabled:d,size:"small"})}}function j(a){var r,m;return a.default_value!==void 0?a.default_value:a.form_type==="switch"?!1:a.form_type==="checkbox_group"?[]:a.form_type==="number"?(m=(r=a.format)==null?void 0:r.min)!=null?m:0:""}const M=()=>{const a=i.applyJson();a.success?c.ElMessage.success("JSON 配置已应用"):c.ElMessage.error(a.error||"JSON 格式错误")},H=()=>{i.saveFormData(),c.ElMessage.success("保存成功")},L=()=>J(null,null,function*(){var a;try{yield(a=h.value)==null?void 0:a.validate();const r=i.exportTargetJson();n.value=JSON.stringify(r,null,2),s.value=!0,l("generate",r)}catch(r){c.ElMessage.error("请先完善必填项")}}),W=()=>{try{const a=document.createElement("textarea");a.value=n.value,a.style.position="fixed",a.style.opacity="0",document.body.appendChild(a),a.select(),document.execCommand("copy"),document.body.removeChild(a),c.ElMessage.success("已复制到剪贴板")}catch(a){c.ElMessage.error("复制失败")}};return e.onMounted(()=>{p.registerInstance(o.uid,i)}),e.onUnmounted(()=>{p.unregisterInstance(o.uid)}),e.watchEffect(()=>{o.conf.socketData&&i.setSocketData(o.conf.socketData)}),(a,r)=>{const m=P.ElEmpty,f=P.ElForm;return e.openBlock(),e.createElementBlock("div",{class:"mix-component",style:e.normalizeStyle({background:e.unref(b).bgColor,borderRadius:e.unref(b).radiusSize+"px"})},[e.createElementVNode("div",{class:"mix-title",style:e.normalizeStyle(z.value)},e.toDisplayString(C.value.action_name||C.value.caption||C.value.name),5),e.createElementVNode("div",se,[k.mode==="edit"&&e.unref(i).showJsonEditor.value?(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("div",ae,[r[8]||(r[8]=e.createElementVNode("span",null,"JSON 配置",-1)),e.createVNode(e.unref(c.ElButton),{size:"small",onClick:M},{default:e.withCtx(()=>[...r[6]||(r[6]=[e.createTextVNode("应用",-1)])]),_:1}),e.createVNode(e.unref(c.ElButton),{size:"small",onClick:r[0]||(r[0]=d=>e.unref(i).showJsonEditor.value=!1)},{default:e.withCtx(()=>[...r[7]||(r[7]=[e.createTextVNode("关闭",-1)])]),_:1})]),e.createVNode(e.unref(c.ElInput),{type:"textarea",modelValue:e.unref(i).jsonInput.value,"onUpdate:modelValue":r[1]||(r[1]=d=>e.unref(i).jsonInput.value=d),rows:12,placeholder:"粘贴 action_item JSON..."},null,8,["modelValue"])])):e.createCommentVNode("",!0),k.mode==="edit"&&!e.unref(i).showJsonEditor.value?(e.openBlock(),e.createElementBlock("div",ie,[e.createVNode(e.unref(c.ElButton),{size:"small",type:"primary",onClick:r[2]||(r[2]=d=>e.unref(i).showJsonEditor.value=!0)},{default:e.withCtx(()=>[...r[9]||(r[9]=[e.createTextVNode("编辑 JSON",-1)])]),_:1})])):e.createCommentVNode("",!0),e.createVNode(e.unref(c.ElDialog),{modelValue:s.value,"onUpdate:modelValue":r[5]||(r[5]=d=>s.value=d),title:"生成的目标JSON",width:"600px","close-on-click-modal":!1},{footer:e.withCtx(()=>[e.createVNode(e.unref(c.ElButton),{onClick:W},{default:e.withCtx(()=>[...r[10]||(r[10]=[e.createTextVNode("复制",-1)])]),_:1}),e.createVNode(e.unref(c.ElButton),{type:"primary",onClick:r[4]||(r[4]=d=>s.value=!1)},{default:e.withCtx(()=>[...r[11]||(r[11]=[e.createTextVNode("关闭",-1)])]),_:1})]),default:e.withCtx(()=>[e.createVNode(e.unref(c.ElInput),{type:"textarea",modelValue:n.value,"onUpdate:modelValue":r[3]||(r[3]=d=>n.value=d),rows:16,readonly:""},null,8,["modelValue"])]),_:1},8,["modelValue"]),!e.unref(i).hasParams&&k.mode!=="edit"?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(m,{description:"等待表单配置...","image-size":80})])):e.createCommentVNode("",!0),e.unref(i).hasParams?(e.openBlock(),e.createElementBlock("div",ue,[C.value.description?(e.openBlock(),e.createElementBlock("div",ce,[e.createElementVNode("p",null,e.toDisplayString(C.value.description),1)])):e.createCommentVNode("",!0),e.createVNode(f,{ref_key:"formRef",ref:h,model:e.unref(i).formData,rules:e.unref(i).getFormRules(),"label-width":e.unref(b).labelWidth+"px"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i).getVisibleParams(),d=>(e.openBlock(),e.createBlock(e.unref(I),{key:d.key,param:d,rootData:e.unref(i).formData,actionItem:e.unref(i)},null,8,["param","rootData","actionItem"]))),128)),e.unref(b).showButtons?(e.openBlock(),e.createBlock(e.unref(c.ElFormItem),{key:0,class:"form-buttons"},{default:e.withCtx(()=>[e.createVNode(e.unref(c.ElButton),{type:"primary",onClick:H},{default:e.withCtx(()=>[...r[12]||(r[12]=[e.createTextVNode("保存",-1)])]),_:1}),e.createVNode(e.unref(c.ElButton),{type:"success",onClick:L},{default:e.withCtx(()=>[...r[13]||(r[13]=[e.createTextVNode("生成JSON",-1)])]),_:1})]),_:1})):e.createCommentVNode("",!0)]),_:1},8,["model","rules","label-width"])])):e.createCommentVNode("",!0)]),e.renderSlot(a.$slots,"default",{},void 0,!0)],4)}}})),ke=ee._export_sfc(_e,[["__scopeId","data-v-0174b7e7"]]);exports.default=ke;