mixdashboards 1.0.32 → 1.0.39

package/dist/gnssXYTrajectory-D2DoYnze.js

@@ -0,0 +1,304 @@
+var Q = Object.defineProperty, Z = Object.defineProperties;
+var tt = Object.getOwnPropertyDescriptors;
+var $ = Object.getOwnPropertySymbols;
+var et = Object.prototype.hasOwnProperty, ot = Object.prototype.propertyIsEnumerable;
+var N = Math.pow, B = (p, m, o) => m in p ? Q(p, m, { enumerable: !0, configurable: !0, writable: !0, value: o }) : p[m] = o, v = (p, m) => {
+  for (var o in m || (m = {}))
+    et.call(m, o) && B(p, o, m[o]);
+  if ($)
+    for (var o of $(m))
+      ot.call(m, o) && B(p, o, m[o]);
+  return p;
+}, S = (p, m) => Z(p, tt(m));
+import { ElSelect as nt, ElOption as at, ElButton as lt, ElIcon as it } 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 st, reactive as I, ref as rt, openBlock as ct, createElementBlock as mt, normalizeStyle as dt, unref as A, createElementVNode as x, toDisplayString as ut, createVNode as C, withCtx as R, renderSlot as ft } from "vue";
+import "html2canvas";
+import { d as u, _ as pt } from "./index-kShjySl9.js";
+import { E as ht } from "./EChartComponentBase-BQOhWkz2.js";
+import { Download as yt } from "@element-plus/icons-vue";
+import { a as bt } from "./api-C0GhBpqd.js";
+import { A as gt, D as xt } from "./ele-lin-icon-Dax-ZiWV.js";
+const Yt = { class: "chart-panel" }, Ct = { class: "panel-header" }, _t = { class: "header-left" }, vt = { class: "panel-title" }, St = { class: "header-right" }, Dt = ["id"], Mt = { DEFAULT_ICON: xt, ACTIVE_ICON: gt, NAME_CN: "GNSS XY平面位移矢量轨迹图", NAME_EN: "GNSS XY Trajectory Chart", ORDER: 3 }, wt = {
+  title: { value: "XY 平面位移矢量轨迹图", type: "string", label: "图表标题" },
+  bgColor: { value: "#f5f7fa", type: "color", label: "setting.bgColor" },
+  textColor: { value: "#333333", type: "color", label: "setting.textColor" },
+  gridColor: { value: "#e0e0e0", type: "color", label: "网格线颜色" },
+  trajectoryColor: { value: "#3373CC", type: "color", label: "轨迹线颜色" },
+  arrowColor: { value: "#ee6666", type: "color", label: "方向箭头颜色" },
+  linkChannel: { value: "gnss", type: "select", label: "联动频道", options: [{ label: "GNSS监测", value: "gnss" }, { label: "自定义", value: "custom" }] },
+  customChannel: { value: "", type: "string", label: "自定义频道名", showWhen: { linkChannel: "custom" } }
+}, jt = [
+  { name: "X位移", fv: "", object_id: "" },
+  { name: "Y位移", fv: "", object_id: "" }
+], Ot = ["name", "fv", "object_id"], At = ["mosaic", "statistics", "statisticsRealtime"], Ht = { useAlias: !1, multiObject: !1, source: "mosaic" }, Et = { DEFAULT: Mt, OPTIONS: wt, DATA: jt, PARAMS: Ot, SOURCE: At, COMMON: Ht }, kt = /* @__PURE__ */ st(S(v({}, Et), {
+  __name: "gnssXYTrajectory",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(p) {
+    const m = p, o = I({ points: [], hasOrigin: !1 }), y = I({ x: null, y: null }), z = rt("day"), D = I({ dateRange: [u().subtract(1, "day").format("YYYY/MM/DD HH:mm"), u().format("YYYY/MM/DD HH:mm")] });
+    class P extends ht {
+      extractStyles() {
+        var n, l, i, s, f, g, r, d, b;
+        const t = (n = this.props.conf) == null ? void 0 : n.options, e = ((l = t == null ? void 0 : t.linkChannel) == null ? void 0 : l.value) || "gnss", c = ((i = t == null ? void 0 : t.customChannel) == null ? void 0 : i.value) || "";
+        return {
+          title: ((s = t == null ? void 0 : t.title) == null ? void 0 : s.value) || "XY 平面位移矢量轨迹图",
+          bgColor: ((f = t == null ? void 0 : t.bgColor) == null ? void 0 : f.value) || "#f5f7fa",
+          textColor: ((g = t == null ? void 0 : t.textColor) == null ? void 0 : g.value) || "#333333",
+          gridColor: ((r = t == null ? void 0 : t.gridColor) == null ? void 0 : r.value) || "#e0e0e0",
+          trajectoryColor: ((d = t == null ? void 0 : t.trajectoryColor) == null ? void 0 : d.value) || "#3373CC",
+          arrowColor: ((b = t == null ? void 0 : t.arrowColor) == null ? void 0 : b.value) || "#ee6666",
+          linkChannel: e === "custom" && c ? c : e
+        };
+      }
+      getChartOption() {
+        return w(this.Style.value);
+      }
+      /**
+       * 覆盖基类的 onPreview，确保单对象/多对象都能正确订阅
+       */
+      onPreview() {
+        this.getPreviewHelper().preview();
+        const { common: t, data: e } = this.props.conf, c = this.getSource(), n = /* @__PURE__ */ new Set();
+        t.object_id && n.add(t.object_id), Array.isArray(e) && e.forEach((l) => {
+          l.object_id && n.add(l.object_id);
+        }), n.forEach((l) => this.subscribeBySource(c, l));
+      }
+      /**
+       * 接收实时数据 — 完全照搬 extractDataValue 的方式
+       * res 格式: { event: 'recv_fv', block: 'mosaic', data: { S01: 1.23, S04: 4.56 }, datetime: '...' }
+       */
+      setSocketData(t) {
+        var f;
+        if (!t) return;
+        const e = (f = this.props.conf) == null ? void 0 : f.data;
+        if (!e || e.length < 2) return;
+        const c = this.extractDataValue(t, e[0].fv), n = this.extractDataValue(t, e[1].fv);
+        let l = !1;
+        if (c != null && (y.x = Number(c), l = !0), n != null && (y.y = Number(n), l = !0), !l || y.x === null || y.y === null) return;
+        const i = t.datetime ? t.datetime.split(".")[0] : u().format("YYYY/MM/DD HH:mm");
+        o.hasOrigin || (o.points.push({ time: i, x: 0, y: 0 }), o.hasOrigin = !0);
+        const s = o.points[o.points.length - 1];
+        s && s.x === y.x && s.y === y.y || (o.points.push({ time: i, x: y.x, y: y.y }), o.points.length > 500 && o.points.shift(), this.chartObj && this.chartObj.setOption(w(this.Style.value), !1));
+      }
+      onLinkEvent(t) {
+        var c, n, l;
+        const e = t.payload;
+        if (e && (e.dateRange && (D.dateRange = e.dateRange), e.type === "filter" || e.point || e.deviceId || e.objectId)) {
+          const i = e.objectId || e.object_id || "";
+          if (o.points = [], o.hasOrigin = !1, y.x = null, y.y = null, i && this.props.mode !== "edit") {
+            const s = (c = this.session) == null ? void 0 : c.value, f = (n = this.props.conf) == null ? void 0 : n.id;
+            s != null && s.componentRequests && f && s.componentRequests.delete(f);
+            const { data: g, common: r } = this.props.conf;
+            Array.isArray(g) && g.forEach((h) => {
+              h.object_id = i;
+            }), r.multiObject || (r.object_id = i);
+            const d = (l = this.props.conf) == null ? void 0 : l.data;
+            if (!d || d.length < 2) return;
+            const b = d[0].fv, T = d[1].fv, L = u(D.dateRange[0], "YYYY/MM/DD HH:mm").format("YYYY-MM-DD HH:mm:ss"), X = u(D.dateRange[1], "YYYY/MM/DD HH:mm").format("YYYY-MM-DD HH:mm:ss"), J = u(D.dateRange[1], "YYYY/MM/DD HH:mm").diff(u(D.dateRange[0], "YYYY/MM/DD HH:mm"), "second"), F = Math.max(60, Math.floor(J / 200)), K = [{
+              block_mapping: "influxdbproxy",
+              action: "get_mosaic_list_with_time_span",
+              start_time: L,
+              end_time: X,
+              time_span: F,
+              time_swing: F,
+              keys: [b, T].filter(Boolean),
+              object_id: i
+            }], j = this;
+            new Promise((h) => {
+              bt.platform((O) => {
+                h(O.result);
+              }, {
+                block_mapping: "mixtools",
+                action: "get_tools_mosaic_list",
+                condition: K
+              });
+            }).then((h) => {
+              var V;
+              const O = Array.isArray(h) ? ((V = h[0]) == null ? void 0 : V.data) || h[0] || [] : [];
+              Array.isArray(O) && O.length > 0 && [...O].sort((Y, _) => {
+                const E = Y.time || Y.datetime || "", k = _.time || _.datetime || "";
+                return new Date(E).getTime() - new Date(k).getTime();
+              }).forEach((Y) => {
+                const _ = Y.time || Y.datetime, E = Y[b], k = Y[T];
+                _ && E != null && k != null && (o.hasOrigin || (o.points.push({ time: u(_).format("YYYY/MM/DD HH:mm"), x: 0, y: 0 }), o.hasOrigin = !0), o.points.push({ time: u(_).format("YYYY/MM/DD HH:mm"), x: Number(E), y: Number(k) }));
+              }), console.log(`[XY轨迹图] 历史数据加载完成，共 ${o.points.length} 个点，时间范围: ${L} ~ ${X}`), j.chartObj && j.chartObj.setOption(w(j.Style.value), !0);
+            }).catch((h) => {
+              console.warn("[XY轨迹图] 历史数据获取失败:", h);
+            }).finally(() => {
+              const h = j.getSource();
+              j.subscribeBySource(h, i);
+            });
+          } else
+            this.chartObj && this.chartObj.setOption(w(this.Style.value), !0);
+        }
+      }
+    }
+    const M = new P(m, "gnssXYTrajectory");
+    M.setupLifecycle();
+    const H = M.getStyle(), W = M.getEchartId();
+    if (m.mode === "edit") {
+      const a = u();
+      let t = 0, e = 0;
+      const c = (n) => (Math.sin(n * 9301 + 49297) % 233280 / 233280 + 1) % 1;
+      for (let n = 0; n <= 25; n++)
+        t += (c(n * 17) - 0.5) * 8e-4, e += (c(n * 31) - 0.5) * 8e-4, o.points.push({ time: a.subtract((25 - n) * 60, "minute").format("YYYY/MM/DD HH:mm"), x: +t.toFixed(4), y: +e.toFixed(4) });
+      o.hasOrigin = !0;
+    }
+    function w(a) {
+      const t = U().map((r) => [r.x, r.y]), e = t.length >= 2, c = a.trajectoryColor || "#3373CC", n = a.arrowColor || "#ee6666", l = "#4a5568", i = {
+        xAxis: {
+          type: "value",
+          position: "bottom",
+          axisLine: { show: !0, lineStyle: { color: l, width: 1.5 }, symbol: ["none", "arrow"], symbolSize: [8, 8] },
+          axisLabel: { color: a.textColor, fontSize: 11 },
+          splitLine: { show: !0, lineStyle: { color: a.gridColor, type: "dashed" } },
+          nameTextStyle: { color: l, fontSize: 12 }
+        },
+        yAxis: {
+          type: "value",
+          position: "right",
+          axisLine: { show: !0, lineStyle: { color: l, width: 1.5 }, symbol: ["none", "arrow"], symbolSize: [8, 8] },
+          axisLabel: { color: a.textColor, fontSize: 11 },
+          splitLine: { show: !0, lineStyle: { color: a.gridColor, type: "dashed" } },
+          nameTextStyle: { color: l, fontSize: 12 }
+        }
+      };
+      if (!e)
+        return {
+          grid: { top: 55, right: 80, bottom: 50, left: 30 },
+          xAxis: S(v({}, i.xAxis), { name: `X位移(mm)
+东(E)`, nameLocation: "end" }),
+          yAxis: S(v({}, i.yAxis), { name: `Y位移(mm)
+北(N)`, nameLocation: "end" }),
+          series: []
+        };
+      const s = [];
+      s.push({ name: "参考线", type: "line", data: [t[0], t[t.length - 1]], symbol: "none", lineStyle: { color: "#ef4444", width: 2 }, z: 1, silent: !0, animation: !1 }), s.push({ name: "位移轨迹", type: "line", data: t, symbol: "none", lineStyle: { color: c, width: 2.5 }, z: 2, silent: !0, animation: !1 });
+      const f = [], g = Math.max(1, Math.floor(t.length / 12));
+      for (let r = 0; r < t.length - 1; r += g) {
+        const d = Math.min(r + g, t.length - 1), b = Math.atan2(t[d][1] - t[r][1], t[d][0] - t[r][0]) * 180 / Math.PI;
+        f.push({ value: t[d], symbol: "triangle", symbolSize: 12, symbolRotate: b - 90, itemStyle: { color: n, borderColor: "#fff", borderWidth: 1.5 } });
+      }
+      return f.length && s.push({ name: "位移方向", type: "scatter", data: f, z: 5 }), s.push({ name: "起点", type: "scatter", data: [{ value: t[0], symbolSize: 10, itemStyle: { color: "#10b981", borderColor: "#fff", borderWidth: 2 }, label: { show: !0, formatter: "起点", position: "left", fontSize: 11, color: "#10b981", fontWeight: "bold" } }], z: 10 }), s.push({ name: "终点", type: "scatter", data: [{ value: t[t.length - 1], symbolSize: 10, itemStyle: { color: "#ef4444", borderColor: "#fff", borderWidth: 2 }, label: { show: !0, formatter: "当前", position: "top", fontSize: 11, color: "#ef4444", fontWeight: "bold" } }], z: 10 }), {
+        grid: { top: 55, right: 80, bottom: 50, left: 30 },
+        tooltip: {
+          trigger: "item",
+          backgroundColor: "rgba(255,255,255,0.96)",
+          borderColor: "#e5e7eb",
+          borderWidth: 1,
+          textStyle: { color: "#333", fontSize: 12 },
+          formatter: (r) => {
+            if (!r.value || r.value.length < 2) return "";
+            const [d, b] = r.value;
+            return `X: ${d.toFixed(4)} mm<br>Y: ${b.toFixed(4)} mm<br>合位移: ${Math.sqrt(N(d, 2) + N(b, 2)).toFixed(4)} mm`;
+          }
+        },
+        legend: { show: !0, bottom: 6, textStyle: { color: a.textColor, fontSize: 11 }, data: ["参考线", "位移轨迹", "位移方向"] },
+        xAxis: S(v({}, i.xAxis), { name: `X位移(mm)
+东(E)`, nameLocation: "end" }),
+        yAxis: S(v({}, i.yAxis), { name: `Y位移(mm)
+北(N)`, nameLocation: "end" }),
+        series: s
+      };
+    }
+    function U() {
+      if (o.points.length === 0) return [];
+      const a = u();
+      let t;
+      switch (z.value) {
+        case "hour":
+          t = a.subtract(1, "hour");
+          break;
+        case "week":
+          t = a.subtract(7, "day");
+          break;
+        default:
+          t = a.subtract(1, "day");
+          break;
+      }
+      return o.points.filter((e) => u(e.time, "YYYY/MM/DD HH:mm").isAfter(t));
+    }
+    const q = () => {
+      const a = M.getChartInstance();
+      a && a.setOption(w(H.value), !0);
+    }, G = () => {
+      const a = M.getChartInstance();
+      if (!a) return;
+      const t = document.createElement("a");
+      t.href = a.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), t.download = `XY轨迹图_${u().format("YYYYMMDDHHmmss")}.png`, t.click();
+    };
+    return (a, t) => {
+      const e = at, c = nt, n = it, l = lt;
+      return ct(), mt("div", {
+        class: "gnss-xy-traj",
+        style: dt({ backgroundColor: A(H).bgColor, color: A(H).textColor })
+      }, [
+        x("div", Yt, [
+          x("div", Ct, [
+            x("div", _t, [
+              t[1] || (t[1] = x("span", { class: "indicator-dot" }, null, -1)),
+              x("span", vt, ut(A(H).title), 1)
+            ]),
+            x("div", St, [
+              C(c, {
+                modelValue: z.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (i) => z.value = i),
+                size: "small",
+                style: { width: "110px" },
+                onChange: q
+              }, {
+                default: R(() => [
+                  C(e, {
+                    label: "按小时",
+                    value: "hour"
+                  }),
+                  C(e, {
+                    label: "按天显示",
+                    value: "day"
+                  }),
+                  C(e, {
+                    label: "按周显示",
+                    value: "week"
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              C(l, {
+                size: "small",
+                onClick: G
+              }, {
+                default: R(() => [
+                  C(n, null, {
+                    default: R(() => [
+                      C(A(yt))
+                    ]),
+                    _: 1
+                  }),
+                  t[2] || (t[2] = x("span", null, "导出图像", -1))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          x("div", {
+            id: A(W),
+            class: "chart-container"
+          }, null, 8, Dt)
+        ]),
+        ft(a.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), Gt = /* @__PURE__ */ pt(kt, [["__scopeId", "data-v-d1a26373"]]);
+export {
+  Gt as default
+};

package/dist/grd-B0GUjLm9.js

@@ -0,0 +1,339 @@
+var ce = Object.defineProperty, de = Object.defineProperties;
+var fe = Object.getOwnPropertyDescriptors;
+var J = Object.getOwnPropertySymbols;
+var me = Object.prototype.hasOwnProperty, ue = Object.prototype.propertyIsEnumerable;
+var R = (r, d, t) => d in r ? ce(r, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[d] = t, F = (r, d) => {
+  for (var t in d || (d = {}))
+    me.call(d, t) && R(r, t, d[t]);
+  if (J)
+    for (var t of J(d))
+      ue.call(d, t) && R(r, t, d[t]);
+  return r;
+}, P = (r, d) => de(r, fe(d));
+var E = (r, d, t) => new Promise((I, O) => {
+  var T = (_) => {
+    try {
+      f(t.next(_));
+    } catch (i) {
+      O(i);
+    }
+  }, M = (_) => {
+    try {
+      f(t.throw(_));
+    } catch (i) {
+      O(i);
+    }
+  }, f = (_) => _.done ? I(_.value) : Promise.resolve(_.value).then(T, M);
+  f((t = t.apply(r, d)).next());
+});
+import { ElPagination as pe } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/pagination/style/css";
+import { defineComponent as ge, watch as W, computed as H, reactive as ye, ref as Y, onMounted as ve, onBeforeUnmount as he, openBlock as v, createElementBlock as h, normalizeStyle as C, unref as y, createElementVNode as N, toDisplayString as U, Fragment as B, renderList as j, createVNode as be, createCommentVNode as G, renderSlot as _e, nextTick as q } from "vue";
+import { u as Se } from "./vue-i18n-5Nahpzrm.js";
+import { B as Ce, k as ze } from "./element-resize-detector-DJcsrJ8s.js";
+import { g as Oe } from "./titleStyle-BT5GlpAb.js";
+import { g as K, u as Q } from "./params-DfgBemk0.js";
+import { a as x } from "./api-C0GhBpqd.js";
+import { d as m, _ as Te } from "./index-kShjySl9.js";
+import { A as we, D as xe } from "./ele-grd-icon-DR52zwGR.js";
+const Ee = { class: "mix-body" }, Ne = {
+  key: 0,
+  class: "table"
+}, Ie = { class: "table-title" }, Me = ["id"], ke = ["onClick"], He = ["innerHTML"], Be = {
+  key: 2,
+  class: "pagination"
+}, je = {
+  DEFAULT_ICON: xe,
+  ACTIVE_ICON: we,
+  NAME_CN: "列表",
+  NAME_EN: "Grid List",
+  ORDER: 2
+}, Ve = {
+  bgColor: "#fff",
+  titleColor: "#111",
+  fontColor: "#111",
+  borderColor: "#e4e7ed",
+  titleSize: 14,
+  valueSize: 12,
+  radiusSize: 8,
+  points: 10,
+  sort: {
+    value: "desc",
+    type: "radio",
+    option: [
+      { value: "desc", label: "component.list.desc" },
+      { value: "asc", label: "component.list.asc" }
+    ],
+    label: "component.list.sort"
+  },
+  isHideTitle: !1
+}, De = {
+  gridType: "object",
+  loop: "none",
+  loopRate: 10,
+  rows: [],
+  rowWidth: [],
+  types: ["object", "collect", "retainer", "timer"],
+  isAddCondition: !1,
+  isAddMosaic: !1,
+  conditions: [],
+  created: 0,
+  isJump: !1,
+  retained: 0,
+  mosaics: []
+}, Le = { DEFAULT: je, OPTIONS: Ve, COMMON: De }, Ae = /* @__PURE__ */ ge(P(F({}, Le), {
+  __name: "grd",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    type: { type: String, default: "pro" },
+    theme: { type: String, default: "light" }
+  },
+  setup(r) {
+    const { t: d } = Se(), t = r;
+    class I extends Ce {
+      extractStyles() {
+        return {
+          bgColor: this.getOptionValue("bgColor", "#fff"),
+          titleColor: this.getOptionValue("titleColor", "#111"),
+          fontColor: this.getOptionValue("fontColor", "#111"),
+          borderColor: this.getOptionValue("borderColor", "#e4e7ed"),
+          titleSize: this.getOptionValue("titleSize", 14),
+          valueSize: this.getOptionValue("valueSize", 12),
+          radiusSize: this.getOptionValue("radiusSize", 8),
+          isHideTitle: this.getOptionValue("isHideTitle", !1)
+        };
+      }
+      init() {
+        this.Style.value = this.extractStyles(), this.applyTheme(), i.pageSize = this.getOptionValue("points", 10);
+      }
+    }
+    const O = new I(t, "grd"), T = () => O.init(), M = ze(T, 200);
+    W(() => t.conf, () => {
+      t.mode === "edit" && M();
+    }, { deep: !0 }), W(() => t.theme, () => {
+      t.mode === "edit" && T();
+    });
+    const f = O.getStyle(), _ = H(() => Oe(t.conf.options)), i = ye({ current: 1, pageSize: 10, total: 0 }), c = "YYYY-MM-DD HH:mm:ss";
+    let b = null;
+    const z = Y([]), w = Y(0), X = H(() => {
+      var s;
+      const { common: o } = t.conf;
+      let e;
+      o.gridType === "object" ? (e = JSON.parse(JSON.stringify(K.object)), (s = o.mosaics) == null || s.forEach((l) => {
+        e[l.fv] = l.text;
+      })) : e = K[o.gridType] || {};
+      const a = {};
+      for (const l in e) {
+        const n = e[l];
+        a[l] = n.includes(".") ? d(n) : n;
+      }
+      return a;
+    }), Z = H(() => {
+      var e, a;
+      const o = ((a = (e = t.conf.options) == null ? void 0 : e.valueSize) == null ? void 0 : a.value) || 12;
+      return o < 14 ? "small" : o < 16 ? "default" : "large";
+    }), V = () => {
+      let o = m(), e = o.day() - 1;
+      e < 0 && (e = 0);
+      let a = o.subtract(e, "day").startOf("day");
+      return { start: a, end: a.add(6, "day").endOf("day") };
+    }, ee = {
+      0: ["", m().format(c)],
+      1: [m().startOf("day").format(c), m().endOf("day").format(c)],
+      2: [V().start.format(c), V().end.format(c)],
+      3: [m().startOf("month").format(c), m().endOf("month").format(c)],
+      4: [m().startOf("year").format(c), m().endOf("year").format(c)],
+      5: [m().subtract(1, "day").format(c), m().format(c)],
+      6: [m().subtract(7, "day").format(c), m().format(c)],
+      7: [m().subtract(31, "day").format(c), m().format(c)],
+      8: [m().subtract(365, "day").format(c), m().format(c)]
+    }, te = (o) => {
+      const { common: e } = t.conf;
+      e.loop !== "vertical" ? D(o) : oe();
+    }, D = (o) => E(null, null, function* () {
+      var g, u;
+      const { common: e, options: a } = t.conf;
+      let s = {};
+      const l = e.gridType;
+      if (e.gridType === "object") {
+        const { result: p } = yield x.post("get_last_fv");
+        s = p;
+      }
+      const n = {
+        page_index: i.current,
+        page_size: i.pageSize,
+        block_mapping: (g = Q[l]) == null ? void 0 : g.block_mapping,
+        action: (u = Q[l]) == null ? void 0 : u.action,
+        order_by: "created",
+        order_type: a.sort.value,
+        where_and: []
+      };
+      if (e.gridType === "collect" && (n.order_by = JSON.stringify(["created", a.sort.value]), delete n.order_type), e.created) {
+        const p = ee[e.created];
+        n.where_and.push(["created", ">=", p[0]]), n.where_and.push(["created", "<=", p[1]]);
+      }
+      e.setCondition && (n.where_and = n.where_and.concat(e.conditions)), n.where_and.length && (n.where_and = JSON.stringify(n.where_and)), x.platform((p) => {
+        z.value = p.result.data, e.gridType === "object" && e.setMosaic && e.mosaics.forEach((S) => {
+          z.value.forEach((A) => {
+            var $;
+            A[S.fv] = ($ = s[A.uid]) == null ? void 0 : $[S.fv];
+          });
+        }), i.total = p.result.total_records, o === "init" && e.loop !== "none" && e.loop === "paging" && (b = setInterval(() => {
+          ae();
+        }, e.loopRate * 1e3));
+      }, n);
+    }), oe = (o) => E(null, null, function* () {
+      let e = ["uid", "name", "customer_name", "mapping_name", "model", "tag", "province", "city", "description", "created"];
+      const { common: a, options: s } = t.conf;
+      if (a.gridType === "object") {
+        const { result: l } = yield x.post("get_last_fv");
+        let n = {
+          page_index: i.current,
+          page_size: 9999,
+          select: e,
+          order_by: "created",
+          order_type: s.sort.value
+        };
+        a.gridType === "collect" && (n.order_by = JSON.stringify(["created", s.sort.value]), delete n.order_type);
+        const { result: g } = yield x.post("get_object_list", n);
+        z.value = g.data, a.setMosaic && a.mosaics.forEach((u) => {
+          z.value.forEach((p) => {
+            var S;
+            p[u.fv] = (S = l[p.uid]) == null ? void 0 : S[u.fv];
+          });
+        }), q(() => {
+          k();
+        });
+      } else {
+        let l = {
+          page_index: i.current,
+          page_size: 9999
+        };
+        x.platform((n) => {
+          z.value = n.result.data, i.total = n.result.total_records, q(() => {
+            k();
+          });
+        }, l);
+      }
+    }), L = (o) => {
+      i.current = o, D("page");
+    }, ae = () => {
+      let o = Math.floor(i.total / i.pageSize), e = i.current >= o ? 1 : i.current + 1;
+      L(e);
+    }, ne = () => {
+      var s, l;
+      const { id: o } = t.conf;
+      w.value++;
+      let e = (s = document.getElementsByClassName("table-body")[0]) == null ? void 0 : s.clientHeight, a = (l = document.getElementById(o)) == null ? void 0 : l.scrollHeight;
+      a && w.value >= a - e + 32 && (w.value = 0);
+    }, re = () => {
+      const { common: o } = t.conf;
+      o.loop === "vertical" && b && clearInterval(b);
+    }, ie = () => {
+      const { common: o } = t.conf;
+      o.loop === "vertical" && k();
+    }, le = () => {
+      w.value = 0, b && clearInterval(b);
+    }, k = () => {
+      var n, g, u;
+      const { common: o, id: e } = t.conf;
+      if (b && clearInterval(b), !document.getElementsByClassName("table-body")[0]) return;
+      let a = document.getElementsByClassName("table-body")[0].clientHeight, s = ((n = document.getElementById(e)) == null ? void 0 : n.scrollHeight) || 0, l = (u = (g = document.getElementsByClassName("echart-title")[0]) == null ? void 0 : g.clientHeight) != null ? u : 0;
+      s - a > l && (b = setInterval(() => {
+        ne();
+      }, o.loopRate * 5));
+    }, se = (o) => {
+      const { common: e } = t.conf;
+      if (e.isJump && t.type === "show") {
+        let a = location.href;
+        a.indexOf("?object_id=") > -1 && (a = a.split("?object_id=")[0]);
+        let s = a + "?object_id=" + o.uid;
+        location.href = s, location.reload();
+      }
+    };
+    return ve(() => E(null, null, function* () {
+      T(), t.mode === "preview" && (le(), te("init"));
+    })), he(() => {
+      b && clearInterval(b);
+    }), (o, e) => {
+      var s, l, n;
+      const a = pe;
+      return v(), h("div", {
+        class: "mix-component",
+        style: C({ background: y(f).bgColor, borderRadius: `${y(f).radiusSize}px` })
+      }, [
+        N("div", {
+          class: "mix-title",
+          style: C(_.value)
+        }, U(r.conf.caption || r.conf.name), 5),
+        N("div", Ee, [
+          (l = (s = r.conf) == null ? void 0 : s.common) != null && l.rows ? (v(), h("div", Ne, [
+            N("div", Ie, [
+              (v(!0), h(B, null, j(r.conf.common.rows, (g, u) => (v(), h("div", {
+                class: "th",
+                key: u,
+                style: C({
+                  width: r.conf.common.rowWidth[u] + "%",
+                  borderColor: y(f).borderColor,
+                  fontSize: `${y(f).titleSize}px`,
+                  color: y(f).fontColor
+                })
+              }, U(X.value[g]), 5))), 128))
+            ]),
+            (n = z.value) != null && n.length ? (v(), h("div", {
+              key: 0,
+              class: "table-body",
+              style: C({ "overflow-y": r.conf.common.loop === "vertical" ? "hidden" : "auto" })
+            }, [
+              N("div", {
+                style: C({ transform: `translate(0px,-${w.value}px)` }),
+                id: r.conf.id,
+                onMouseenter: re,
+                onMouseleave: ie
+              }, [
+                (v(!0), h(B, null, j(z.value, (g, u) => (v(), h("div", {
+                  class: "tr",
+                  key: u,
+                  onClick: (p) => se(g)
+                }, [
+                  (v(!0), h(B, null, j(r.conf.common.rows, (p, S) => (v(), h("div", {
+                    class: "td",
+                    key: S,
+                    style: C({
+                      width: r.conf.common.rowWidth[S] + "%",
+                      borderColor: y(f).borderColor,
+                      fontSize: `${y(f).valueSize}px`,
+                      color: y(f).fontColor
+                    }),
+                    innerHTML: g[p]
+                  }, null, 12, He))), 128))
+                ], 8, ke))), 128))
+              ], 44, Me)
+            ], 4)) : (v(), h("div", {
+              key: 1,
+              class: "empty-data",
+              style: C({ fontSize: `${y(f).valueSize}px`, color: y(f).fontColor })
+            }, " 暂无数据 ", 4)),
+            i.total > i.pageSize && r.conf.common.loop !== "vertical" ? (v(), h("div", Be, [
+              be(a, {
+                "current-page": i.current,
+                onCurrentChange: L,
+                total: i.total,
+                size: Z.value,
+                "page-size": i.pageSize,
+                style: C({ fontSize: `${y(f).valueSize}px`, color: y(f).fontColor })
+              }, null, 8, ["current-page", "total", "size", "page-size", "style"])
+            ])) : G("", !0)
+          ])) : G("", !0)
+        ]),
+        _e(o.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), Xe = /* @__PURE__ */ Te(Ae, [["__scopeId", "data-v-f3e0d663"]]);
+export {
+  Xe as default
+};

package/dist/grd-DW8cSFVR.cjs

@@ -0,0 +1 @@
+"use strict";var X=Object.defineProperty,Z=Object.defineProperties;var ee=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var te=Object.prototype.hasOwnProperty,oe=Object.prototype.propertyIsEnumerable;var H=(l,f,o)=>f in l?X(l,f,{enumerable:!0,configurable:!0,writable:!0,value:o}):l[f]=o,D=(l,f)=>{for(var o in f||(f={}))te.call(f,o)&&H(l,o,f[o]);if(V)for(var o of V(f))oe.call(f,o)&&H(l,o,f[o]);return l},L=(l,f)=>Z(l,ee(f));var E=(l,f,o)=>new Promise((B,_)=>{var z=h=>{try{m(o.next(h))}catch(i){_(i)}},T=h=>{try{m(o.throw(h))}catch(i){_(i)}},m=h=>h.done?B(h.value):Promise.resolve(h.value).then(z,T);m((o=o.apply(l,f)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ne=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/pagination/style/css");const e=require("vue"),ae=require("./vue-i18n-BvHMBi_b.cjs"),q=require("./element-resize-detector-Bo5uDQAu.cjs"),re=require("./titleStyle-NSnz6cUg.cjs"),O=require("./params-3W3p8QeC.cjs"),k=require("./api-P_s372dW.cjs"),u=require("./index-Mh5Dw2sd.cjs"),A=require("./ele-grd-icon-ZUb-megQ.cjs"),le={class:"mix-body"},ie={key:0,class:"table"},ce={class:"table-title"},se=["id"],de=["onClick"],ue=["innerHTML"],fe={key:2,class:"pagination"},me={DEFAULT_ICON:A.DEFAULT_ICON,ACTIVE_ICON:A.ACTIVE_ICON,NAME_CN:"列表",NAME_EN:"Grid List",ORDER:2},pe={bgColor:"#fff",titleColor:"#111",fontColor:"#111",borderColor:"#e4e7ed",titleSize:14,valueSize:12,radiusSize:8,points:10,sort:{value:"desc",type:"radio",option:[{value:"desc",label:"component.list.desc"},{value:"asc",label:"component.list.asc"}],label:"component.list.sort"},isHideTitle:!1},ye={gridType:"object",loop:"none",loopRate:10,rows:[],rowWidth:[],types:["object","collect","retainer","timer"],isAddCondition:!1,isAddMosaic:!1,conditions:[],created:0,isJump:!1,retained:0,mosaics:[]},ge={DEFAULT:me,OPTIONS:pe,COMMON:ye},ve=e.defineComponent(L(D({},ge),{__name:"grd",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},type:{type:String,default:"pro"},theme:{type:String,default:"light"}},setup(l){const{t:f}=ae.useI18n(),o=l;class B extends q.BaseComponent{extractStyles(){return{bgColor:this.getOptionValue("bgColor","#fff"),titleColor:this.getOptionValue("titleColor","#111"),fontColor:this.getOptionValue("fontColor","#111"),borderColor:this.getOptionValue("borderColor","#e4e7ed"),titleSize:this.getOptionValue("titleSize",14),valueSize:this.getOptionValue("valueSize",12),radiusSize:this.getOptionValue("radiusSize",8),isHideTitle:this.getOptionValue("isHideTitle",!1)}}init(){this.Style.value=this.extractStyles(),this.applyTheme(),i.pageSize=this.getOptionValue("points",10)}}const _=new B(o,"grd"),z=()=>_.init(),T=q.debounce(z,200);e.watch(()=>o.conf,()=>{o.mode==="edit"&&T()},{deep:!0}),e.watch(()=>o.theme,()=>{o.mode==="edit"&&z()});const m=_.getStyle(),h=e.computed(()=>re.generateTitleStyle(o.conf.options)),i=e.reactive({current:1,pageSize:10,total:0}),d="YYYY-MM-DD HH:mm:ss";let v=null;const b=e.ref([]),C=e.ref(0),$=e.computed(()=>{var s;const{common:n}=o.conf;let t;n.gridType==="object"?(t=JSON.parse(JSON.stringify(O.gridTitles.object)),(s=n.mosaics)==null||s.forEach(c=>{t[c.fv]=c.text})):t=O.gridTitles[n.gridType]||{};const a={};for(const c in t){const r=t[c];a[c]=r.includes(".")?f(r):r}return a}),F=e.computed(()=>{var t,a;const n=((a=(t=o.conf.options)==null?void 0:t.valueSize)==null?void 0:a.value)||12;return n<14?"small":n<16?"default":"large"}),w=()=>{let n=u.dayjs(),t=n.day()-1;t<0&&(t=0);let a=n.subtract(t,"day").startOf("day");return{start:a,end:a.add(6,"day").endOf("day")}},R={0:["",u.dayjs().format(d)],1:[u.dayjs().startOf("day").format(d),u.dayjs().endOf("day").format(d)],2:[w().start.format(d),w().end.format(d)],3:[u.dayjs().startOf("month").format(d),u.dayjs().endOf("month").format(d)],4:[u.dayjs().startOf("year").format(d),u.dayjs().endOf("year").format(d)],5:[u.dayjs().subtract(1,"day").format(d),u.dayjs().format(d)],6:[u.dayjs().subtract(7,"day").format(d),u.dayjs().format(d)],7:[u.dayjs().subtract(31,"day").format(d),u.dayjs().format(d)],8:[u.dayjs().subtract(365,"day").format(d),u.dayjs().format(d)]},J=n=>{const{common:t}=o.conf;t.loop!=="vertical"?N(n):P()},N=n=>E(null,null,function*(){var g,p;const{common:t,options:a}=o.conf;let s={};const c=t.gridType;if(t.gridType==="object"){const{result:y}=yield k.api.post("get_last_fv");s=y}const r={page_index:i.current,page_size:i.pageSize,block_mapping:(g=O.urlMapping[c])==null?void 0:g.block_mapping,action:(p=O.urlMapping[c])==null?void 0:p.action,order_by:"created",order_type:a.sort.value,where_and:[]};if(t.gridType==="collect"&&(r.order_by=JSON.stringify(["created",a.sort.value]),delete r.order_type),t.created){const y=R[t.created];r.where_and.push(["created",">=",y[0]]),r.where_and.push(["created","<=",y[1]])}t.setCondition&&(r.where_and=r.where_and.concat(t.conditions)),r.where_and.length&&(r.where_and=JSON.stringify(r.where_and)),k.api.platform(y=>{b.value=y.result.data,t.gridType==="object"&&t.setMosaic&&t.mosaics.forEach(S=>{b.value.forEach(x=>{var M;x[S.fv]=(M=s[x.uid])==null?void 0:M[S.fv]})}),i.total=y.result.total_records,n==="init"&&t.loop!=="none"&&t.loop==="paging"&&(v=setInterval(()=>{U()},t.loopRate*1e3))},r)}),P=n=>E(null,null,function*(){let t=["uid","name","customer_name","mapping_name","model","tag","province","city","description","created"];const{common:a,options:s}=o.conf;if(a.gridType==="object"){const{result:c}=yield k.api.post("get_last_fv");let r={page_index:i.current,page_size:9999,select:t,order_by:"created",order_type:s.sort.value};a.gridType==="collect"&&(r.order_by=JSON.stringify(["created",s.sort.value]),delete r.order_type);const{result:g}=yield k.api.post("get_object_list",r);b.value=g.data,a.setMosaic&&a.mosaics.forEach(p=>{b.value.forEach(y=>{var S;y[p.fv]=(S=c[y.uid])==null?void 0:S[p.fv]})}),e.nextTick(()=>{j()})}else{let c={page_index:i.current,page_size:9999};k.api.platform(r=>{b.value=r.result.data,i.total=r.result.total_records,e.nextTick(()=>{j()})},c)}}),I=n=>{i.current=n,N("page")},U=()=>{let n=Math.floor(i.total/i.pageSize),t=i.current>=n?1:i.current+1;I(t)},W=()=>{var s,c;const{id:n}=o.conf;C.value++;let t=(s=document.getElementsByClassName("table-body")[0])==null?void 0:s.clientHeight,a=(c=document.getElementById(n))==null?void 0:c.scrollHeight;a&&C.value>=a-t+32&&(C.value=0)},Y=()=>{const{common:n}=o.conf;n.loop==="vertical"&&v&&clearInterval(v)},G=()=>{const{common:n}=o.conf;n.loop==="vertical"&&j()},K=()=>{C.value=0,v&&clearInterval(v)},j=()=>{var r,g,p;const{common:n,id:t}=o.conf;if(v&&clearInterval(v),!document.getElementsByClassName("table-body")[0])return;let a=document.getElementsByClassName("table-body")[0].clientHeight,s=((r=document.getElementById(t))==null?void 0:r.scrollHeight)||0,c=(p=(g=document.getElementsByClassName("echart-title")[0])==null?void 0:g.clientHeight)!=null?p:0;s-a>c&&(v=setInterval(()=>{W()},n.loopRate*5))},Q=n=>{const{common:t}=o.conf;if(t.isJump&&o.type==="show"){let a=location.href;a.indexOf("?object_id=")>-1&&(a=a.split("?object_id=")[0]);let s=a+"?object_id="+n.uid;location.href=s,location.reload()}};return e.onMounted(()=>E(null,null,function*(){z(),o.mode==="preview"&&(K(),J("init"))})),e.onBeforeUnmount(()=>{v&&clearInterval(v)}),(n,t)=>{var s,c,r;const a=ne.ElPagination;return e.openBlock(),e.createElementBlock("div",{class:"mix-component",style:e.normalizeStyle({background:e.unref(m).bgColor,borderRadius:`${e.unref(m).radiusSize}px`})},[e.createElementVNode("div",{class:"mix-title",style:e.normalizeStyle(h.value)},e.toDisplayString(l.conf.caption||l.conf.name),5),e.createElementVNode("div",le,[(c=(s=l.conf)==null?void 0:s.common)!=null&&c.rows?(e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.conf.common.rows,(g,p)=>(e.openBlock(),e.createElementBlock("div",{class:"th",key:p,style:e.normalizeStyle({width:l.conf.common.rowWidth[p]+"%",borderColor:e.unref(m).borderColor,fontSize:`${e.unref(m).titleSize}px`,color:e.unref(m).fontColor})},e.toDisplayString($.value[g]),5))),128))]),(r=b.value)!=null&&r.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:"table-body",style:e.normalizeStyle({"overflow-y":l.conf.common.loop==="vertical"?"hidden":"auto"})},[e.createElementVNode("div",{style:e.normalizeStyle({transform:`translate(0px,-${C.value}px)`}),id:l.conf.id,onMouseenter:Y,onMouseleave:G},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(g,p)=>(e.openBlock(),e.createElementBlock("div",{class:"tr",key:p,onClick:y=>Q(g)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.conf.common.rows,(y,S)=>(e.openBlock(),e.createElementBlock("div",{class:"td",key:S,style:e.normalizeStyle({width:l.conf.common.rowWidth[S]+"%",borderColor:e.unref(m).borderColor,fontSize:`${e.unref(m).valueSize}px`,color:e.unref(m).fontColor}),innerHTML:g[y]},null,12,ue))),128))],8,de))),128))],44,se)],4)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"empty-data",style:e.normalizeStyle({fontSize:`${e.unref(m).valueSize}px`,color:e.unref(m).fontColor})}," 暂无数据 ",4)),i.total>i.pageSize&&l.conf.common.loop!=="vertical"?(e.openBlock(),e.createElementBlock("div",fe,[e.createVNode(a,{"current-page":i.current,onCurrentChange:I,total:i.total,size:F.value,"page-size":i.pageSize,style:e.normalizeStyle({fontSize:`${e.unref(m).valueSize}px`,color:e.unref(m).fontColor})},null,8,["current-page","total","size","page-size","style"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),e.renderSlot(n.$slots,"default",{},void 0,!0)],4)}}})),he=u._export_sfc(ve,[["__scopeId","data-v-f3e0d663"]]);exports.default=he;