mixdashboards 1.0.32 → 1.0.39

package/dist/retainer1-h-Whr2c9.js

@@ -0,0 +1,290 @@
+var H = Object.defineProperty, A = Object.defineProperties;
+var N = Object.getOwnPropertyDescriptors;
+var z = Object.getOwnPropertySymbols;
+var w = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
+var g = (f, i, s) => i in f ? H(f, i, { enumerable: !0, configurable: !0, writable: !0, value: s }) : f[i] = s, Y = (f, i) => {
+  for (var s in i || (i = {}))
+    w.call(i, s) && g(f, s, i[s]);
+  if (z)
+    for (var s of z(i))
+      V.call(i, s) && g(f, s, i[s]);
+  return f;
+}, R = (f, i) => A(f, N(i));
+var I = (f, i, s) => new Promise((t, v) => {
+  var T = (n) => {
+    try {
+      _(s.next(n));
+    } catch (x) {
+      v(x);
+    }
+  }, O = (n) => {
+    try {
+      _(s.throw(n));
+    } catch (x) {
+      v(x);
+    }
+  }, _ = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(T, O);
+  _((s = s.apply(f, i)).next());
+});
+import { defineComponent as k, reactive as j, computed as F, watchEffect as P, openBlock as $, createElementBlock as L, normalizeStyle as y, unref as d, createElementVNode as p, toDisplayString as D, renderSlot as U } from "vue";
+import { B } from "./element-resize-detector-DJcsrJ8s.js";
+import { d as h, _ as q } from "./index-kShjySl9.js";
+import { g as G } from "./titleStyle-BT5GlpAb.js";
+import { A as J, D as K } from "./ele-rtn-icon-CqCKSHIw.js";
+const Q = { class: "mix-body" }, W = { class: "mix-footer" }, X = { class: "time-info" }, Z = {
+  DEFAULT_ICON: K,
+  ACTIVE_ICON: J,
+  NAME_CN: "历程",
+  NAME_EN: "Retainer1",
+  ORDER: 1
+}, tt = {
+  nameSize: 16,
+  valueSize: 48,
+  timeSize: 12,
+  radiusSize: 8,
+  bgColor: "#fff",
+  titleColor: "#111",
+  textColor: "#111"
+}, E = [
+  {
+    object_id: "",
+    retainer: "",
+    fv: "",
+    fv_name: "",
+    retainer_code: "",
+    status: [
+      { code: 0, text: "结束", color: "#409eff" },
+      { code: 1, text: "进行", color: "#f56c6c" }
+    ]
+  }
+], et = ["object_id", "retainer", "fv", "fv_name", "retainer_code"], st = ["mosaic"], ot = 1, at = {
+  useAlias: !1,
+  multiObject: !1,
+  hideMultiObject: !0,
+  source: "mosaic"
+}, it = { DEFAULT: Z, OPTIONS: tt, DATA: E, PARAMS: et, SOURCE: st, ITEMS: ot, COMMON: at }, rt = /* @__PURE__ */ k(R(Y({}, it), {
+  __name: "retainer1",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(f) {
+    const i = f, s = "--", t = j({
+      title: s,
+      statusText: s,
+      statusColor: "#409eff",
+      value: s,
+      fvName: "",
+      startTime: s,
+      endTime: "- - - -",
+      duration: s,
+      status: 0,
+      startTimestamp: 0
+    }), v = (u) => u < 10 ? "0" + u : u, T = (u) => u >= 3600 ? `${v(Math.floor(u / 3600))}:${v(Math.floor(u / 60) % 60)}:${v(Math.floor(u % 60))}` : `${v(Math.floor(u / 60))}:${v(Math.floor(u % 60))}`;
+    class O extends B {
+      constructor() {
+        super(...arguments), this.subscribed = !1, this.durationTimer = null;
+      }
+      // 添加订阅标志
+      extractStyles() {
+        return {
+          bgColor: this.getOptionValue("bgColor", "#fff"),
+          titleColor: this.getOptionValue("titleColor", "#111"),
+          textColor: this.getOptionValue("textColor", "#111"),
+          nameSize: this.getOptionValue("nameSize", 16),
+          valueSize: this.getOptionValue("valueSize", 48),
+          timeSize: this.getOptionValue("timeSize", 12),
+          radiusSize: this.getOptionValue("radiusSize", 8)
+        };
+      }
+      init() {
+        var e, a, l;
+        if (this.Style.value = this.extractStyles(), this.applyTheme(), (e = this.props.conf.data) != null && e.length || (this.props.conf.data = E), this.props.mode === "edit") {
+          const o = ((a = this.props.conf.data) == null ? void 0 : a[0]) || {}, r = ((l = o.status) == null ? void 0 : l[1]) || { text: "进行", color: "#f56c6c" };
+          t.title = "设备名称", t.fvName = o.fv_name || o.fv || "FV", t.statusText = r.text, t.statusColor = r.color, t.value = "123.45", t.startTime = h().subtract(1, "hour").format("YYYY-MM-DD HH:mm:ss"), t.endTime = "- - - -", t.duration = "01:23";
+        }
+      }
+      /** 启动时长实时更新定时器 */
+      startDurationTimer() {
+        this.durationTimer && clearInterval(this.durationTimer), this.durationTimer = window.setInterval(() => {
+          if (t.status === 1 && t.startTimestamp > 0) {
+            const e = Math.floor((Date.now() - t.startTimestamp) / 1e3);
+            t.duration = T(e);
+          }
+        }, 1e3);
+      }
+      /** 获取预览助手（覆盖基类方法） */
+      getPreviewHelper() {
+        return {
+          preview: () => I(this, null, function* () {
+            try {
+              const a = yield new (yield import("./history-BkZhlpdY.js")).default().getHistoryData(this.props, this.componentType);
+              this.setHistoryData(a);
+            } catch (e) {
+              console.error("[Retainer1] 获取历史数据失败:", e);
+            }
+          }),
+          unregister: () => {
+            this.durationTimer && (clearInterval(this.durationTimer), this.durationTimer = null);
+          }
+        };
+      }
+      /** 预览模式初始化（覆盖基类方法） */
+      onPreview() {
+        var o;
+        if (this.subscribed)
+          return;
+        const e = this.resolveObjectId();
+        this.subscribeRetainer(e), (((o = this.props.conf.data) == null ? void 0 : o[0]) || {}).fv && this.subscribeFv(e), this.subscribed = !0;
+      }
+      /** 处理实时数据（覆盖基类方法） */
+      setSocketData(e) {
+        if (e) {
+          if (e.event === "retainer_result" && e.source_event) {
+            const a = e.source_event;
+            a.retained === 1 || a.retained === "1" ? this.handleRetainerOpen(a) : (a.retained === 0 || a.retained === "0") && this.handleRetainerClose(a);
+            return;
+          }
+          switch (e.event) {
+            case "retainer_open":
+              this.handleRetainerOpen(e);
+              break;
+            case "retainer_close":
+              this.handleRetainerClose(e);
+              break;
+            case "retainer_event":
+              this.handleRetainerEvent(e);
+              break;
+            case "recv_fv":
+              this.handleFvData(e);
+              break;
+          }
+        }
+      }
+      /** 处理历程开始事件 */
+      handleRetainerOpen(e) {
+        var r, c;
+        const { conf: a } = this.props, l = ((r = a.data) == null ? void 0 : r[0]) || {};
+        t.fvName = l.fv_name || l.fv || "", t.status = 1;
+        const o = (c = l.status) == null ? void 0 : c.find((m) => m.code === 1);
+        if (t.statusText = (o == null ? void 0 : o.text) || "进行", t.statusColor = (o == null ? void 0 : o.color) || "#f56c6c", t.title = e.label_local || e.label_en || a.name || "--", e.opened_at) {
+          t.startTime = h(e.opened_at).format("YYYY-MM-DD HH:mm:ss"), t.startTimestamp = h(e.opened_at).valueOf();
+          const m = Math.floor((Date.now() - t.startTimestamp) / 1e3);
+          t.duration = T(m), this.startDurationTimer();
+        }
+        t.endTime = "- - - -";
+      }
+      /** 处理历程结束事件 */
+      handleRetainerClose(e) {
+        var r, c;
+        const { conf: a } = this.props, l = ((r = a.data) == null ? void 0 : r[0]) || {};
+        t.status = 0;
+        const o = (c = l.status) == null ? void 0 : c.find((m) => m.code === 0);
+        if (t.statusText = (o == null ? void 0 : o.text) || "结束", t.statusColor = (o == null ? void 0 : o.color) || "#409eff", e.close_at && (t.endTime = h(e.close_at).format("YYYY-MM-DD HH:mm:ss")), e.opened_at && e.close_at) {
+          const m = h(e.opened_at).valueOf(), b = h(e.close_at).valueOf(), M = Math.floor((b - m) / 1e3);
+          t.duration = T(M);
+        }
+        this.durationTimer && (clearInterval(this.durationTimer), this.durationTimer = null);
+      }
+      /** 处理历程转发事件 */
+      handleRetainerEvent(e) {
+      }
+      /** 处理 FV 数据 */
+      handleFvData(e) {
+        var o, r;
+        const l = (((o = this.props.conf.data) == null ? void 0 : o[0]) || {}).fv;
+        if (l)
+          try {
+            const c = (r = e.data) == null ? void 0 : r[l];
+            c !== void 0 && (t.value = c);
+          } catch (c) {
+            console.error("[Retainer1] 处理 FV 数据失败:", c);
+          }
+      }
+      setHistoryData(e) {
+        var o, r, c;
+        const { conf: a } = this.props, l = ((o = a.data) == null ? void 0 : o[0]) || {};
+        try {
+          const m = (c = (r = e == null ? void 0 : e.history) == null ? void 0 : r[0]) == null ? void 0 : c[0];
+          m && this.updateParams(m, l, a);
+        } catch (m) {
+          console.error("[Retainer1] setHistoryData error:", m), this.resetParams();
+        }
+      }
+      /** 更新显示参数 */
+      updateParams(e, a, l) {
+        var m, b, M;
+        const o = a.fv;
+        t.fvName = a.fv_name || o || "", t.status = typeof e.status == "string" ? parseInt(e.status) : (m = e.status) != null ? m : 0;
+        const r = (b = a.status) == null ? void 0 : b.find((S) => S.code === t.status);
+        if (t.statusText = (r == null ? void 0 : r.text) || (t.status === 1 ? "进行" : "结束"), t.statusColor = (r == null ? void 0 : r.color) || (t.status === 1 ? "#f56c6c" : "#409eff"), t.title = e.label_cn || l.name || s, t.startTime = e.start_time ? h(e.start_time).format("YYYY-MM-DD HH:mm:ss") : s, t.endTime = e.end_time ? h(e.end_time).format("YYYY-MM-DD HH:mm:ss") : "- - - -", e.start_time) {
+          const S = h(e.start_time).valueOf();
+          if (t.startTimestamp = S, e.end_time) {
+            const C = h(e.end_time).valueOf();
+            t.duration = T(Math.floor((C - S) / 1e3));
+          } else {
+            const C = Math.floor((Date.now() - S) / 1e3);
+            t.duration = T(C), this.startDurationTimer();
+          }
+        } else
+          t.duration = "00:00";
+        let c = s;
+        e.mosaic && Array.isArray(e.mosaic) && e.mosaic.length > 0 && (c = (M = e.mosaic[0][o]) != null ? M : s), t.value = c;
+      }
+      /** 重置参数为默认值 */
+      resetParams() {
+        t.title = s, t.statusText = s, t.statusColor = "#409eff", t.value = s, t.startTime = s, t.endTime = "- - - -", t.duration = s;
+      }
+    }
+    const _ = new O(i, "retainer1");
+    _.setupLifecycle();
+    const n = _.getStyle(), x = F(() => G(i.conf.options));
+    return P(() => {
+      i.conf.historyData && _.setHistoryData(i.conf.historyData), i.conf.socketData && _.setSocketData(i.conf.socketData);
+    }), (u, e) => ($(), L("div", {
+      class: "mix-component",
+      style: y({ background: d(n).bgColor, borderRadius: d(n).radiusSize + "px" })
+    }, [
+      p("div", {
+        class: "mix-title",
+        style: y(x.value)
+      }, D(i.conf.caption || t.title), 5),
+      p("div", Q, [
+        p("div", {
+          class: "status-tag",
+          style: y({
+            fontSize: d(n).nameSize - 2 + "px",
+            backgroundColor: t.statusColor,
+            color: "#fff"
+          })
+        }, D(t.fvName ? t.fvName + "（" + t.statusText + "）" : t.statusText), 5),
+        p("div", {
+          class: "card-value",
+          style: y({ fontSize: d(n).valueSize + "px", color: d(n).textColor })
+        }, D(t.value), 5)
+      ]),
+      p("div", W, [
+        p("div", X, [
+          p("div", {
+            class: "time-item",
+            style: y({ fontSize: d(n).timeSize + "px", color: d(n).titleColor })
+          }, D(t.startTime), 5),
+          p("div", {
+            class: "time-item",
+            style: y({ fontSize: d(n).timeSize + "px", color: d(n).titleColor })
+          }, D(t.endTime), 5)
+        ]),
+        p("div", {
+          class: "duration",
+          style: y({ fontSize: d(n).timeSize + 4 + "px", color: d(n).textColor })
+        }, D(t.duration), 5)
+      ]),
+      U(u.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), dt = /* @__PURE__ */ q(rt, [["__scopeId", "data-v-cab9d0ed"]]);
+export {
+  dt as default
+};