mixdashboards 1.0.32 → 1.0.39

package/dist/universalTable-DGK02ywi.js

@@ -0,0 +1,410 @@
+var he = Object.defineProperty, ge = Object.defineProperties;
+var ke = Object.getOwnPropertyDescriptors;
+var J = Object.getOwnPropertySymbols;
+var _e = Object.prototype.hasOwnProperty, we = Object.prototype.propertyIsEnumerable;
+var Q = (f, s, y) => s in f ? he(f, s, { enumerable: !0, configurable: !0, writable: !0, value: y }) : f[s] = y, ee = (f, s) => {
+  for (var y in s || (s = {}))
+    _e.call(s, y) && Q(f, y, s[y]);
+  if (J)
+    for (var y of J(s))
+      we.call(s, y) && Q(f, y, s[y]);
+  return f;
+}, te = (f, s) => ge(f, ke(s));
+import { ElButton as Se, ElSelect as xe, ElOption as Ce, ElRadioGroup as De, ElRadioButton as Ne } from "element-plus/es";
+import "element-plus/es/components/base/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 "element-plus/es/components/button/style/css";
+import { defineComponent as Te, ref as _, computed as d, watch as M, watchEffect as Ae, openBlock as i, createElementBlock as p, normalizeStyle as le, createElementVNode as b, toDisplayString as D, createVNode as V, withCtx as N, createTextVNode as $, Fragment as T, renderList as A, createBlock as ae, createCommentVNode as I, renderSlot as Ee } from "vue";
+import { u as Oe, _ as Re } from "./index-kShjySl9.js";
+import { E as Me } from "./EChartComponentBase-BQOhWkz2.js";
+import { A as Ve, D as Fe } from "./ele-lst-icon-CKpeRKmk.js";
+const $e = { class: "table-header" }, Ie = { class: "title" }, Le = { class: "header-right" }, ze = { class: "row-count" }, Ue = {
+  key: 0,
+  class: "toolbar"
+}, je = {
+  key: 0,
+  class: "toolbar-left"
+}, Be = {
+  key: 1,
+  class: "toolbar-right"
+}, Pe = { class: "table-body" }, Ye = ["colspan", "rowspan"], We = { key: 0 }, Xe = ["colspan"], Ge = { class: "pager" }, Ke = {
+  DEFAULT_ICON: Fe,
+  ACTIVE_ICON: Ve,
+  NAME_CN: "通用表组件",
+  NAME_EN: "UniversalTable",
+  ORDER: 28
+}, Ze = {
+  bgColor: { value: "#ffffff", type: "color", label: "setting.bgColor" },
+  textColor: { value: "#333333", type: "color", label: "setting.textColor" },
+  pageSize: { value: 10, type: "number", label: "每页条数" },
+  depthStart: { value: 120, type: "number", label: "深度起始值", showWhen: { filterMode: ["depth", "both"] } },
+  depthEnd: { value: 140, type: "number", label: "深度结束值", showWhen: { filterMode: ["depth", "both"] } },
+  depthStep: { value: 10, type: "number", label: "深度间隔", showWhen: { filterMode: ["depth", "both"] } },
+  metricOptions: {
+    value: [
+      { key: "全部", label: "全部" },
+      { key: "s", label: "合位移" },
+      { key: "x", label: "X位移" },
+      { key: "y", label: "Y位移" },
+      { key: "temp", label: "温度" }
+    ],
+    type: "columns",
+    label: "指标选项(名称/值)",
+    showWhen: { filterMode: ["metric", "both"] }
+  },
+  filterMode: {
+    value: "depth",
+    type: "select",
+    label: "筛选模式",
+    options: [
+      { label: "用深度", value: "depth" },
+      { label: "用指标", value: "metric" },
+      { label: "都用", value: "both" },
+      { label: "都不用", value: "none" }
+    ]
+  },
+  linkChannel: {
+    value: "deepDisplacement",
+    type: "select",
+    label: "component.linkChannel",
+    options: [
+      { label: "component.linkChannelOptions.deepDisplacement", value: "deepDisplacement" },
+      { label: "component.linkChannelOptions.gnss", value: "gnss" },
+      { label: "component.linkChannelOptions.custom", value: "custom" }
+    ]
+  },
+  customChannel: {
+    value: "",
+    type: "string",
+    label: "component.customChannel",
+    showWhen: { linkChannel: "custom" }
+  }
+}, qe = [
+  { key: "index", label: "序号", colType: "基础列", width: "70px", order: 1 },
+  { key: "time", label: "时间", colType: "基础列", fv: "reporttime", width: "170px", order: 2 },
+  { key: "node", label: "节点", colType: "基础列", fv: "node", width: "100px", order: 3 },
+  { key: "disp_s", label: "合", group: "累计位移(mm)", colType: "指标列", direction: "s", fv: "s_130", width: "90px", order: 10 },
+  { key: "disp_x", label: "X", group: "累计位移(mm)", colType: "指标列", direction: "x", fv: "x_130", width: "90px", order: 11 },
+  { key: "disp_y", label: "Y", group: "累计位移(mm)", colType: "指标列", direction: "y", fv: "y_130", width: "90px", order: 12 },
+  { key: "rate_s", label: "合", group: "累计速率(mm/d)", colType: "指标列", direction: "s", fv: "sv_130", width: "90px", order: 20 },
+  { key: "rate_x", label: "X", group: "累计速率(mm/d)", colType: "指标列", direction: "x", fv: "xv_130", width: "90px", order: 21 },
+  { key: "rate_y", label: "Y", group: "累计速率(mm/d)", colType: "指标列", direction: "y", fv: "yv_130", width: "90px", order: 22 }
+], He = [
+  { key: "key", label: "配置键名", type: "string" },
+  { key: "label", label: "显示名称", type: "string" },
+  { key: "group", label: "group", type: "string" },
+  { key: "colType", label: "类型", type: "select", options: [
+    { label: "基础列", value: "基础列" },
+    { label: "指标列", value: "指标列" }
+  ] },
+  { key: "direction", label: "方向", type: "select", options: [
+    { label: "合(s)", value: "s" },
+    { label: "X", value: "x" },
+    { label: "Y", value: "y" }
+  ], dependent: "colType", dependentValue: "指标列" },
+  { key: "fv", label: "FV", type: "string" },
+  { key: "width", label: "宽度", type: "string" },
+  { key: "order", label: "order", type: "number" }
+], Je = ["mosaic", "statistics", "calculate"], Qe = { useAlias: !1, multiObject: !0, source: "mosaic" }, et = { DEFAULT: Ke, OPTIONS: Ze, DATA: qe, PARAMS: He, SOURCE: Je, COMMON: Qe }, tt = /* @__PURE__ */ Te(te(ee({}, et), {
+  __name: "universalTable",
+  props: {
+    conf: { type: Object, default: () => ({}) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(f) {
+    const s = f;
+    class y extends Me {
+      extractStyles() {
+        var n, a, u, r, c;
+        const t = ((n = this.props.conf) == null ? void 0 : n.options) || {}, l = ((a = t == null ? void 0 : t.linkChannel) == null ? void 0 : a.value) || "deepDisplacement", o = ((u = t == null ? void 0 : t.customChannel) == null ? void 0 : u.value) || "";
+        return {
+          bgColor: ((r = t == null ? void 0 : t.bgColor) == null ? void 0 : r.value) || "#fff",
+          textColor: ((c = t == null ? void 0 : t.textColor) == null ? void 0 : c.value) || "#333",
+          linkChannel: l === "custom" && o ? o : l
+        };
+      }
+      getChartOption() {
+        return {};
+      }
+      setSocketData(t) {
+        if (!t) return;
+        const l = me(t);
+        if (l.length) {
+          if (l.length > 1) {
+            O.value = l;
+            return;
+          }
+          O.value = [...O.value.slice(-499), l[0]];
+        }
+      }
+    }
+    const E = new y(s, "universalTable");
+    E.setupLifecycle();
+    const L = E.getStyle(), ne = Oe(), g = _(1), oe = _("s"), re = _(!1), z = _([]), w = _(null), O = _([]), m = _(""), h = _("全部"), U = d(() => {
+      var e, t, l;
+      return Number(((l = (t = (e = s.conf) == null ? void 0 : e.options) == null ? void 0 : t.pageSize) == null ? void 0 : l.value) || 10);
+    }), X = d(() => {
+      var t;
+      return [...((t = s.conf) == null ? void 0 : t.data) || []];
+    }), se = (e) => {
+      const t = String(e.colType || "基础列");
+      return t === "指标列" || t === "metric";
+    }, G = (e) => {
+      const l = String(e || "").match(/_(\d+)$/);
+      return l ? l[1] : "";
+    }, ue = d(() => {
+      const e = /* @__PURE__ */ new Set();
+      return X.value.forEach((t) => {
+        const l = G(t.fv);
+        l && e.add(l);
+      }), Array.from(e).sort((t, l) => Number(t) - Number(l));
+    }), ie = (e) => {
+      const l = String(e || "").match(/^([a-zA-Z]+)_\d+$/);
+      return l ? l[1] : "";
+    }, S = d(() => {
+      var t, l, o;
+      const e = String(((o = (l = (t = s.conf) == null ? void 0 : t.options) == null ? void 0 : l.filterMode) == null ? void 0 : o.value) || "depth");
+      return e === "metric" || e === "both" || e === "none" ? e : "depth";
+    }), j = d(() => {
+      var o, n, a, u, r, c, v, k, R;
+      const e = Number((a = (n = (o = s.conf) == null ? void 0 : o.options) == null ? void 0 : n.depthStart) == null ? void 0 : a.value), t = Number((c = (r = (u = s.conf) == null ? void 0 : u.options) == null ? void 0 : r.depthEnd) == null ? void 0 : c.value), l = Number((R = (k = (v = s.conf) == null ? void 0 : v.options) == null ? void 0 : k.depthStep) == null ? void 0 : R.value);
+      if (Number.isFinite(e) && Number.isFinite(t) && Number.isFinite(l) && l > 0) {
+        const F = [];
+        if (e <= t)
+          for (let C = e; C <= t; C += l) F.push(String(C));
+        else
+          for (let C = e; C >= t; C -= l) F.push(String(C));
+        if (F.length) return F;
+      }
+      return ue.value;
+    }), B = d(() => {
+      var t, l, o;
+      const e = ((o = (l = (t = s.conf) == null ? void 0 : t.options) == null ? void 0 : l.metricOptions) == null ? void 0 : o.value) || [];
+      if (Array.isArray(e) && e.length) {
+        const n = e.map((a) => {
+          var u, r, c, v, k, R;
+          return {
+            label: String((c = (r = (u = a == null ? void 0 : a.label) != null ? u : a == null ? void 0 : a.value) != null ? r : a == null ? void 0 : a.key) != null ? c : ""),
+            value: String((R = (k = (v = a == null ? void 0 : a.key) != null ? v : a == null ? void 0 : a.value) != null ? k : a == null ? void 0 : a.label) != null ? R : "")
+          };
+        }).filter((a) => a.value);
+        if (n.length) return n;
+      }
+      return [
+        { label: "全部", value: "全部" },
+        { label: "合位移", value: "s" },
+        { label: "X位移", value: "x" },
+        { label: "Y位移", value: "y" }
+      ];
+    }), K = d(() => S.value === "none" || S.value === "metric" ? !1 : j.value.length > 0), Z = d(() => S.value === "none" || S.value === "depth" ? !1 : B.value.length > 0);
+    M(j, (e) => {
+      e.length && (!m.value || !e.includes(m.value)) && (m.value = e[0]);
+    }, { immediate: !0 }), M(B, (e) => {
+      if (!e.length) return;
+      const t = e.map((l) => String(l.value));
+      (!h.value || !t.includes(h.value)) && (h.value = t[0]);
+    }, { immediate: !0 });
+    const x = d(() => X.value.filter((e) => {
+      if (!se(e)) return !0;
+      const t = G(e.fv), l = ie(e.fv);
+      return S.value === "depth" ? !(m.value && t && t !== m.value) : S.value === "metric" ? !(h.value !== "全部" && l !== h.value) : S.value === "both" ? !(m.value && t && t !== m.value || h.value !== "全部" && l !== h.value) : !0;
+    })), ce = d(() => {
+      const e = [], t = [], l = x.value.filter((n) => !n.group), o = /* @__PURE__ */ new Map();
+      return x.value.filter((n) => !!n.group).forEach((n) => {
+        const a = String(n.group);
+        o.has(a) || o.set(a, []), o.get(a).push(n);
+      }), l.forEach((n) => {
+        e.push({ key: `top-${n.key}`, label: n.label, colspan: 1, rowspan: o.size > 0 ? 2 : 1, width: n.width });
+      }), Array.from(o.entries()).forEach(([n, a]) => {
+        e.push({ key: `top-group-${n}`, label: n, colspan: a.length, rowspan: 1 }), a.forEach((u) => t.push({ key: `sub-${u.key}`, label: u.label, colspan: 1, rowspan: 1, width: u.width }));
+      }), o.size === 0 ? [e] : [e, t];
+    }), de = () => L.value.linkChannel, pe = d(() => ({
+      background: L.value.bgColor,
+      color: L.value.textColor
+    })), P = (e) => String((e == null ? void 0 : e.reporttime) || (e == null ? void 0 : e.create_time) || (e == null ? void 0 : e.time) || (e == null ? void 0 : e.datetime) || ""), Y = (e) => String((e == null ? void 0 : e.node) || (e == null ? void 0 : e.nodeId) || (e == null ? void 0 : e.point_id) || "-"), ve = (e) => {
+      var n, a, u, r;
+      if (!((n = w.value) != null && n.startDate) && !((a = w.value) != null && a.endDate)) return !0;
+      const t = new Date(e).getTime();
+      if (Number.isNaN(t)) return !0;
+      const l = (u = w.value) != null && u.startDate ? new Date(w.value.startDate).getTime() : Number.NEGATIVE_INFINITY, o = (r = w.value) != null && r.endDate ? new Date(w.value.endDate).getTime() : Number.POSITIVE_INFINITY;
+      return t >= l && t <= o;
+    }, fe = d(() => O.value.filter((e) => !(!ve(P(e)) || z.value.length && !z.value.includes(Y(e))))), W = d(() => fe.value.map((e, t) => {
+      const l = {
+        __rowKey: `${P(e)}-${Y(e)}-${t}`,
+        index: t + 1,
+        time: P(e) || "-",
+        node: Y(e) || "-"
+      };
+      return x.value.forEach((o) => {
+        var a;
+        if (["index", "time", "node"].includes(o.key)) return;
+        const n = o.fv || o.key;
+        l[o.key] = (a = e == null ? void 0 : e[n]) != null ? a : "-";
+      }), l;
+    })), q = d(() => Math.max(1, Math.ceil(W.value.length / U.value))), H = d(() => {
+      const e = (g.value - 1) * U.value;
+      return W.value.slice(e, e + U.value);
+    }), ye = () => {
+      const e = x.value.map((u) => u.label), t = W.value.map((u) => x.value.map((r) => {
+        var c;
+        return String((c = u[r.key]) != null ? c : "-");
+      })), l = [e, ...t].map((u) => u.join(",")).join(`
+`), o = new Blob([l], { type: "text/csv;charset=utf-8;" }), n = URL.createObjectURL(o), a = document.createElement("a");
+      a.href = n, a.download = `universal-table-${Date.now()}.csv`, a.click(), URL.revokeObjectURL(n);
+    }, be = (e) => {
+      const t = e.payload || {};
+      if (t.type !== "filter") return;
+      const l = t.filter || t, o = String(l.direction || l.displacementDirection || "").toLowerCase();
+      (o === "s" || o === "x" || o === "y") && (oe.value = o, re.value = !0);
+      const n = l.nodeList || l.selectedNodes || l.selectList;
+      Array.isArray(n) && (z.value = n.map((u) => String(u)));
+      const a = l.timeRange || l.dateRange || null;
+      w.value = a && (a.startDate || a.endDate) ? a : null, g.value = 1;
+    }, me = (e) => {
+      var t, l, o, n;
+      return e ? Array.isArray(e) ? e : Array.isArray(e == null ? void 0 : e.data) ? e.data : Array.isArray(e == null ? void 0 : e.history) ? e.history.map((a) => (a == null ? void 0 : a[0]) || a).filter(Boolean) : Array.isArray((t = e == null ? void 0 : e.mosaic) == null ? void 0 : t.data) ? e.mosaic.data : Array.isArray((l = e == null ? void 0 : e.statistics) == null ? void 0 : l.data) ? e.statistics.data : (o = e == null ? void 0 : e.mosaic) != null && o.data && typeof e.mosaic.data == "object" ? [e.mosaic.data] : (n = e == null ? void 0 : e.statistics) != null && n.data && typeof e.statistics.data == "object" ? [e.statistics.data] : e != null && e.data && typeof e.data == "object" ? [e.data] : typeof e == "object" ? [e] : [] : [];
+    };
+    return M(() => ne.channels[de()], (e) => {
+      e && be(e);
+    }, { deep: !0 }), Ae(() => {
+      var e;
+      (e = s.conf) != null && e.socketData && E.setSocketData(s.conf.socketData);
+    }), M(() => {
+      var e;
+      return (e = s.conf) == null ? void 0 : e.options;
+    }, () => {
+      E.getStyle().value = E.extractStyles();
+    }, { deep: !0 }), M(() => s.conf, () => {
+      g.value = 1;
+    }, { deep: !0 }), (e, t) => {
+      const l = Se, o = Ce, n = xe, a = Ne, u = De;
+      return i(), p("div", {
+        class: "mix-component universal-table",
+        style: le(pe.value)
+      }, [
+        b("div", $e, [
+          b("div", Ie, D(f.conf.caption || f.conf.name || "通用表组件"), 1),
+          b("div", Le, [
+            b("span", ze, "rows: " + D(O.value.length), 1),
+            V(l, {
+              size: "small",
+              class: "export-btn",
+              onClick: ye
+            }, {
+              default: N(() => [...t[4] || (t[4] = [
+                $("导出", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        K.value || Z.value ? (i(), p("div", Ue, [
+          K.value ? (i(), p("div", je, [
+            t[5] || (t[5] = b("span", { class: "toolbar-label" }, "深度", -1)),
+            V(n, {
+              modelValue: m.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (r) => m.value = r),
+              size: "small",
+              style: { width: "110px" }
+            }, {
+              default: N(() => [
+                (i(!0), p(T, null, A(j.value, (r) => (i(), ae(o, {
+                  key: r,
+                  label: `${r}m`,
+                  value: r
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])) : I("", !0),
+          Z.value ? (i(), p("div", Be, [
+            V(u, {
+              modelValue: h.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (r) => h.value = r),
+              size: "small"
+            }, {
+              default: N(() => [
+                (i(!0), p(T, null, A(B.value, (r) => (i(), ae(a, {
+                  key: String(r.value),
+                  label: String(r.value)
+                }, {
+                  default: N(() => [
+                    $(D(String(r.label)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["label"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])) : I("", !0)
+        ])) : I("", !0),
+        b("div", Pe, [
+          b("table", null, [
+            b("thead", null, [
+              (i(!0), p(T, null, A(ce.value, (r, c) => (i(), p("tr", {
+                key: `hr-${c}`
+              }, [
+                (i(!0), p(T, null, A(r, (v) => (i(), p("th", {
+                  key: v.key,
+                  colspan: v.colspan,
+                  rowspan: v.rowspan,
+                  style: le({ width: v.width || "auto" })
+                }, D(v.label), 13, Ye))), 128))
+              ]))), 128))
+            ]),
+            b("tbody", null, [
+              (i(!0), p(T, null, A(H.value, (r, c) => (i(), p("tr", {
+                key: `${r.__rowKey}-${c}`
+              }, [
+                (i(!0), p(T, null, A(x.value, (v) => {
+                  var k;
+                  return i(), p("td", {
+                    key: v.key
+                  }, D((k = r[v.key]) != null ? k : "-"), 1);
+                }), 128))
+              ]))), 128)),
+              H.value.length ? I("", !0) : (i(), p("tr", We, [
+                b("td", {
+                  colspan: x.value.length || 1,
+                  class: "empty"
+                }, "暂无数据", 8, Xe)
+              ]))
+            ])
+          ])
+        ]),
+        b("div", Ge, [
+          V(l, {
+            size: "small",
+            disabled: g.value <= 1,
+            onClick: t[2] || (t[2] = (r) => g.value--)
+          }, {
+            default: N(() => [...t[6] || (t[6] = [
+              $("上一页", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled"]),
+          b("span", null, D(g.value) + " / " + D(q.value), 1),
+          V(l, {
+            size: "small",
+            disabled: g.value >= q.value,
+            onClick: t[3] || (t[3] = (r) => g.value++)
+          }, {
+            default: N(() => [...t[7] || (t[7] = [
+              $("下一页", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled"])
+        ]),
+        Ee(e.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), ft = /* @__PURE__ */ Re(tt, [["__scopeId", "data-v-ddb95c12"]]);
+export {
+  ft as default
+};