mixdashboards 1.0.32 → 1.0.39

package/dist/retainer2-ByQdiRjq.js

@@ -0,0 +1,504 @@
+var re = Object.defineProperty, le = Object.defineProperties;
+var ce = Object.getOwnPropertyDescriptors;
+var U = Object.getOwnPropertySymbols;
+var de = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable;
+var X = (y, l, c) => l in y ? re(y, l, { enumerable: !0, configurable: !0, writable: !0, value: c }) : y[l] = c, R = (y, l) => {
+  for (var c in l || (l = {}))
+    de.call(l, c) && X(y, c, l[c]);
+  if (U)
+    for (var c of U(l))
+      fe.call(l, c) && X(y, c, l[c]);
+  return y;
+}, I = (y, l) => le(y, ce(l));
+var q = (y, l, c) => new Promise((v, b) => {
+  var H = (w) => {
+    try {
+      L(c.next(w));
+    } catch (D) {
+      b(D);
+    }
+  }, j = (w) => {
+    try {
+      L(c.throw(w));
+    } catch (D) {
+      b(D);
+    }
+  }, L = (w) => w.done ? v(w.value) : Promise.resolve(w.value).then(H, j);
+  L((c = c.apply(y, l)).next());
+});
+import { defineComponent as he, ref as ue, reactive as me, computed as pe, onMounted as ge, onUnmounted as ye, watch as J, watchEffect as ve, openBlock as be, createElementBlock as we, normalizeStyle as K, unref as E, createElementVNode as W, toDisplayString as De, renderSlot as Se } from "vue";
+import { B as xe } from "./element-resize-detector-DJcsrJ8s.js";
+import { d as O, _ as _e } from "./index-kShjySl9.js";
+import { g as Le } from "./titleStyle-BT5GlpAb.js";
+import "./index-ButoLLAe.js";
+import { A as Me, D as Oe } from "./ele-rtn-icon-CqCKSHIw.js";
+import { i as He } from "./echarts-BVht3HHb.js";
+const Te = { class: "mix-body" }, Ye = {
+  DEFAULT_ICON: Oe,
+  ACTIVE_ICON: Me,
+  NAME_CN: "历程管理",
+  NAME_EN: "Retainer2",
+  ORDER: 2
+}, Ce = {
+  titleColor: "#111",
+  radiusSize: 8,
+  bgColor: "#fff",
+  textColor: "#111",
+  barWidth: 30,
+  barGap: 0,
+  timeWindow: 5,
+  isHideTitle: !0
+}, Q = [
+  { name: "历程1", object_id: "", retainer: "", retainer_code: "", color: "#ee6666", showLine: !1, fv: "", lineStyle: "solid", lineWidth: 2 }
+], Ee = [
+  "name",
+  "object_id",
+  "retainer",
+  "retainer_code",
+  "color",
+  "showLine",
+  { key: "fv", dependent: "showLine" },
+  { key: "lineStyle", dependent: "showLine" },
+  { key: "lineWidth", dependent: "showLine" }
+], je = ["mosaic"], Ae = {
+  useAlias: !1,
+  multiObject: !0,
+  showBothModes: !0,
+  // 显示单对象和多对象两个版本
+  source: "mosaic"
+}, Re = { DEFAULT: Ye, OPTIONS: Ce, DATA: Q, PARAMS: Ee, SOURCE: je, COMMON: Ae }, Ie = /* @__PURE__ */ he(I(R({}, Re), {
+  __name: "retainer2",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(y) {
+    const l = y, c = ue(null);
+    let v = null;
+    const b = me([]), H = (m) => b[m];
+    class j extends xe {
+      constructor() {
+        super(...arguments), this.subscribed = !1;
+      }
+      // 添加订阅标志
+      extractStyles() {
+        return {
+          bgColor: this.getOptionValue("bgColor", "#fff"),
+          titleColor: this.getOptionValue("titleColor", "#111"),
+          textColor: this.getOptionValue("textColor", "#111"),
+          radiusSize: this.getOptionValue("radiusSize", 8),
+          barWidth: this.getOptionValue("barWidth", 30),
+          barGap: this.getOptionValue("barGap", 0),
+          timeWindow: this.getOptionValue("timeWindow", 5),
+          isHideTitle: this.getOptionValue("isHideTitle", !0)
+        };
+      }
+      init() {
+        var e;
+        this.Style.value = this.extractStyles(), this.applyTheme(), (e = this.props.conf.data) != null && e.length || (this.props.conf.data = Q), this.props.mode === "edit" && L();
+      }
+      /** 获取预览助手（覆盖基类方法） */
+      getPreviewHelper() {
+        return {
+          preview: () => q(this, null, function* () {
+            try {
+              const i = yield new (yield import("./history-BkZhlpdY.js")).default().getHistoryData(this.props, this.componentType);
+              this.setHistoryData(i);
+            } catch (e) {
+              console.error("[Retainer2] 获取历史数据失败:", e);
+            }
+          }),
+          unregister: () => {
+          }
+        };
+      }
+      /** 预览模式初始化（覆盖基类方法） */
+      onPreview() {
+        var n;
+        if (this.subscribed)
+          return;
+        const { conf: e } = this.props, { data: i, common: t } = e;
+        if (t.multiObject && Array.isArray(i)) {
+          const o = /* @__PURE__ */ new Set();
+          i.forEach((s) => {
+            const r = this.resolveObjectId(s);
+            !r || o.has(r) || (o.add(r), this.subscribeRetainer(r), s.showLine && s.fv && this.subscribeFv(r));
+          });
+        } else {
+          const o = this.resolveObjectId();
+          this.subscribeRetainer(o), (n = i == null ? void 0 : i[0]) != null && n.fv && this.subscribeFv(o);
+        }
+        this.subscribed = !0;
+      }
+      /** 处理实时数据（覆盖基类方法） */
+      setSocketData(e) {
+        if (e)
+          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) {
+        const { conf: i } = this.props, { data: t, common: n } = i, o = e.object_id, s = t.findIndex(
+          (a) => this.resolveObjectId(n != null && n.multiObject ? a : void 0) === o
+        );
+        if (s === -1) return;
+        let r = H(s);
+        if (!r) {
+          const a = t[s];
+          r = {
+            name: a.name || `历程${s + 1}`,
+            color: a.color || "#409eff",
+            objectId: o,
+            fv: a.fv || "",
+            periods: [],
+            lineData: [],
+            showLine: a.showLine || !1,
+            lineStyle: a.lineStyle || "solid",
+            lineWidth: a.lineWidth || 2
+          }, b.push(r);
+        }
+        e.opened_at && r.periods.push({
+          start: e.opened_at,
+          end: null
+          // 进行中
+        }), _();
+      }
+      /** 处理历程结束事件 */
+      handleRetainerClose(e) {
+        const { conf: i } = this.props, { data: t, common: n } = i, o = e.object_id, s = t.findIndex(
+          (d) => this.resolveObjectId(n != null && n.multiObject ? d : void 0) === o
+        );
+        if (s === -1) return;
+        const r = H(s);
+        if (!r) return;
+        const a = r.periods[r.periods.length - 1];
+        a && !a.end && (a.end = e.close_at || (/* @__PURE__ */ new Date()).toISOString()), _();
+      }
+      /** 处理历程转发事件 */
+      handleRetainerEvent(e) {
+      }
+      /** 处理 FV 数据 */
+      handleFvData(e) {
+        var d;
+        const { conf: i } = this.props, { data: t, common: n } = i, o = e.object_id, s = t.findIndex(
+          (f) => this.resolveObjectId(n != null && n.multiObject ? f : void 0) === o
+        );
+        if (s === -1) return;
+        const a = t[s].fv;
+        if (a)
+          try {
+            const f = (d = e.data) == null ? void 0 : d[a];
+            if (f !== void 0) {
+              const g = H(s);
+              if (g && g.showLine) {
+                const h = e.datetime || (/* @__PURE__ */ new Date()).toISOString();
+                g.lineData.push({ time: h, value: f }), g.lineData.sort(
+                  (x, M) => new Date(x.time).getTime() - new Date(M.time).getTime()
+                ), _();
+              }
+            }
+          } catch (f) {
+            console.error("[Retainer2] 处理 FV 数据失败:", f);
+          }
+      }
+      setHistoryData(e) {
+        const { conf: i } = this.props, { data: t, common: n } = i;
+        b.length = 0, t.forEach((o, s) => {
+          var f;
+          const r = this.resolveObjectId(n != null && n.multiObject ? o : void 0), a = o.fv || "", d = {
+            name: o.name || `历程${s + 1}`,
+            color: o.color || "#409eff",
+            objectId: r,
+            fv: a,
+            periods: [],
+            lineData: [],
+            showLine: o.showLine || !1,
+            lineStyle: o.lineStyle || "solid",
+            lineWidth: o.lineWidth || 2
+          };
+          try {
+            (((f = e == null ? void 0 : e.history) == null ? void 0 : f[s]) || []).forEach((h) => {
+              h && h.start_time && (d.periods.push({
+                start: h.start_time,
+                end: h.end_time || null
+              }), o.showLine && a && h.mosaic && Array.isArray(h.mosaic) && h.mosaic.forEach((x) => {
+                const M = x[a];
+                M !== void 0 && x.time && d.lineData.push({
+                  time: x.time,
+                  value: M
+                });
+              }));
+            }), d.lineData.sort((h, x) => new Date(h.time).getTime() - new Date(x.time).getTime());
+          } catch (g) {
+          }
+          b.push(d);
+        }), _();
+      }
+    }
+    const L = () => {
+      const { data: m } = l.conf;
+      b.length = 0;
+      const e = O();
+      m.forEach((i, t) => {
+        const n = `edit_object_${t}`, o = [
+          {
+            start: e.subtract(6 + t, "hour").format("YYYY-MM-DD HH:mm:ss"),
+            end: e.subtract(4 + t, "hour").format("YYYY-MM-DD HH:mm:ss")
+          },
+          {
+            start: e.subtract(2 + t * 0.5, "hour").format("YYYY-MM-DD HH:mm:ss"),
+            end: e.subtract(t * 0.3, "hour").format("YYYY-MM-DD HH:mm:ss")
+          }
+        ], s = [];
+        i.showLine && o.forEach((r) => {
+          const a = O(r.start), f = O(r.end).diff(a, "minute"), g = Math.max(5, Math.floor(f / 10));
+          for (let h = 0; h <= g; h++) {
+            const x = a.add(f / g * h, "minute");
+            s.push({
+              time: x.format("YYYY-MM-DD HH:mm:ss"),
+              value: 150 + Math.sin(h * 0.8 + t * 2) * 50 + t * 30
+            });
+          }
+        }), b.push({
+          name: i.name || `历程${t + 1}`,
+          color: i.color || ["#ee6666", "#91cc75", "#fac858"][t % 3],
+          objectId: n,
+          fv: i.fv || "",
+          periods: o,
+          lineData: s,
+          showLine: i.showLine || !1,
+          lineStyle: i.lineStyle || "solid",
+          lineWidth: i.lineWidth || 2
+        });
+      });
+    }, w = new j(l, "retainer2");
+    w.setupLifecycle();
+    const D = w.getStyle(), k = l.conf, Z = pe(() => Le(l.conf.options)), V = () => b.filter((m) => m.showLine && m.lineData.length > 0), ee = () => {
+      const m = [], e = V();
+      let i = 1;
+      return e.forEach((t) => {
+        t.periods.forEach((n, o) => {
+          const s = new Date(n.start).getTime(), r = n.end ? new Date(n.end).getTime() : Date.now(), a = t.lineData.filter((d) => {
+            const f = new Date(d.time).getTime();
+            return f >= s && f <= r;
+          }).map((d) => [new Date(d.time).getTime(), d.value]);
+          a.length > 0 && m.push({
+            name: o === 0 ? `${t.name}-曲线` : `${t.name}-曲线-${o + 1}`,
+            type: "line",
+            yAxisIndex: i,
+            smooth: !0,
+            symbol: "circle",
+            symbolSize: 4,
+            lineStyle: {
+              color: t.color,
+              width: t.lineWidth,
+              type: t.lineStyle
+            },
+            itemStyle: {
+              color: t.color
+            },
+            data: a
+          });
+        }), i++;
+      }), m;
+    }, te = (m) => {
+      const e = V(), i = e.length, t = [
+        {
+          type: "value",
+          min: 0,
+          max: m,
+          axisLine: { show: !1 },
+          axisTick: { show: !1 },
+          axisLabel: { show: !1 },
+          splitLine: { show: !1 }
+        }
+      ];
+      return e.forEach((n, o) => {
+        const s = n.lineData.map((h) => h.value), r = Math.max(...s), a = Math.min(...s), d = Math.ceil(r * 1.1), f = Math.floor(a * 0.9), g = o * 50;
+        t.push({
+          type: "value",
+          position: "right",
+          offset: g,
+          min: f,
+          max: d,
+          axisLine: { show: !0, lineStyle: { color: n.color } },
+          axisTick: { show: !0, lineStyle: { color: n.color } },
+          axisLabel: {
+            color: n.color,
+            fontSize: 10
+          },
+          splitLine: { show: !1 }
+        });
+      }), { yAxes: t, lineCount: i };
+    }, z = () => {
+      c.value && (v = He(c.value), _());
+    }, _ = () => {
+      var B;
+      if (!v) return;
+      const m = b.length || 1, e = ((B = c.value) == null ? void 0 : B.clientHeight) || 300, i = 30, t = 10, n = e - i - t, o = D.value.barWidth || 30, s = D.value.barGap || 0, r = o + s, a = m * r;
+      let d = o, f = s, g = r;
+      if (a > n) {
+        const u = n / a;
+        d = Math.max(o * u, 10), f = s * u, g = d + f;
+      }
+      const h = [];
+      let x = !1;
+      b.forEach((u, p) => {
+        u.periods.forEach((S) => {
+          const Y = new Date(S.start).getTime(), C = S.end ? new Date(S.end).getTime() : Date.now();
+          S.end || (x = !0), h.push({
+            name: u.name,
+            value: [Y, C, p],
+            itemStyle: {
+              color: S.end ? u.color + "80" : u.color
+              // 已结束的用半透明
+            }
+          });
+        });
+      });
+      const { yAxes: M, lineCount: N } = te(m), oe = N > 0 ? 20 + N * 50 : 20, ne = {
+        tooltip: {
+          trigger: "axis",
+          formatter: (u) => {
+            if (Array.isArray(u)) {
+              const p = u.find((S) => S.seriesType === "line");
+              if (p) {
+                const S = O(p.value[0]).format("YYYY-MM-DD HH:mm:ss");
+                return `${p.seriesName}<br/>时间: ${S}<br/>数值: ${p.value[1]}`;
+              }
+            }
+            return "";
+          }
+        },
+        grid: {
+          left: 40,
+          right: oe,
+          top: t,
+          bottom: i,
+          containLabel: !1
+        },
+        xAxis: I(R({
+          type: "time",
+          position: "bottom"
+        }, x ? {
+          min: Date.now() - D.value.timeWindow * 60 * 1e3,
+          max: Date.now()
+        } : {}), {
+          axisLine: { show: !0, lineStyle: { color: D.value.titleColor } },
+          axisTick: { show: !0, lineStyle: { color: D.value.titleColor } },
+          axisLabel: {
+            formatter: "{HH}:{mm}",
+            color: D.value.textColor,
+            fontSize: 11,
+            margin: 8
+          },
+          splitLine: { show: !1 }
+        }),
+        yAxis: M,
+        series: [
+          {
+            name: "甘特图",
+            type: "custom",
+            yAxisIndex: 0,
+            renderItem: (u, p) => {
+              var G;
+              const S = p.value(0), Y = p.value(1), C = p.value(2), A = p.coord([S, 0])[0], ie = p.coord([Y, 0])[0], P = u.coordSys.y + u.coordSys.height - (C + 1) * g + f, se = P + d / 2, F = Math.max(ie - A, 2), ae = ((G = b[C]) == null ? void 0 : G.name) || "";
+              return {
+                type: "group",
+                children: [
+                  {
+                    type: "rect",
+                    shape: {
+                      x: A,
+                      y: P,
+                      width: F,
+                      height: d,
+                      r: 2
+                    },
+                    style: p.style()
+                  },
+                  {
+                    type: "text",
+                    style: {
+                      x: A + F / 2,
+                      y: se,
+                      text: ae,
+                      fill: "#fff",
+                      fontSize: 11,
+                      textAlign: "center",
+                      textVerticalAlign: "middle"
+                    }
+                  }
+                ]
+              };
+            },
+            encode: {
+              x: [0, 1],
+              y: 2,
+              tooltip: [0, 1]
+            },
+            tooltip: {
+              formatter: (u) => {
+                const p = O(u.value[0]).format("YYYY-MM-DD HH:mm:ss"), S = O(u.value[1]).format("YYYY-MM-DD HH:mm:ss"), Y = u.value[1] >= Date.now() - 1e3;
+                return `${u.name}<br/>开始: ${p}<br/>结束: ${Y ? "进行中" : S}`;
+              }
+            },
+            data: h
+          },
+          ...ee()
+        ]
+      };
+      v.setOption(ne, !0);
+    }, $ = () => {
+      v == null || v.resize();
+    };
+    let T = null;
+    return ge(() => {
+      T = new ResizeObserver(() => {
+        v ? v.resize() : c.value && z();
+      }), c.value && T.observe(c.value), setTimeout(() => {
+        z();
+      }, 100), window.addEventListener("resize", $);
+    }), ye(() => {
+      window.removeEventListener("resize", $), T == null || T.disconnect(), v == null || v.dispose();
+    }), J(() => l.conf.data, () => {
+      l.mode === "edit" && L(), _();
+    }, { deep: !0 }), J(() => l.conf.options, () => {
+      D.value = w.extractStyles(), _();
+    }, { deep: !0 }), ve(() => {
+      l.conf.historyData && w.setHistoryData(l.conf.historyData), l.conf.socketData && w.setSocketData(l.conf.socketData);
+    }), (m, e) => (be(), we("div", {
+      class: "mix-component",
+      style: K({ background: E(D).bgColor, borderRadius: E(D).radiusSize + "px" })
+    }, [
+      W("div", {
+        class: "mix-title",
+        style: K(Z.value)
+      }, De(E(k).caption || E(k).name), 5),
+      W("div", Te, [
+        W("div", {
+          class: "timeline-chart",
+          ref_key: "chartRef",
+          ref: c
+        }, null, 512)
+      ]),
+      Se(m.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), Ge = /* @__PURE__ */ _e(Ie, [["__scopeId", "data-v-8258f73d"]]);
+export {
+  Ge as default
+};

package/dist/retainer2-cF-trL2g.cjs

@@ -0,0 +1 @@
+"use strict";var se=Object.defineProperty,ae=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var ce=Object.prototype.hasOwnProperty,le=Object.prototype.propertyIsEnumerable;var G=(v,c,l)=>c in v?se(v,c,{enumerable:!0,configurable:!0,writable:!0,value:l}):v[c]=l,I=(v,c)=>{for(var l in c||(c={}))ce.call(c,l)&&G(v,l,c[l]);if($)for(var l of $(c))le.call(c,l)&&G(v,l,c[l]);return v},R=(v,c)=>ae(v,re(c));var U=(v,c,l)=>new Promise((b,w)=>{var H=D=>{try{M(l.next(D))}catch(S){w(S)}},E=D=>{try{M(l.throw(D))}catch(S){w(S)}},M=D=>D.done?b(D.value):Promise.resolve(D.value).then(H,E);M((l=l.apply(v,c)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("vue"),de=require("./element-resize-detector-Bo5uDQAu.cjs"),L=require("./index-Mh5Dw2sd.cjs"),fe=require("./titleStyle-NSnz6cUg.cjs");require("./index-mAPVa0s4.cjs");const X=require("./ele-rtn-icon-BrsJIU8J.cjs"),he=require("./echarts-BB8O2KSA.cjs"),ue={class:"mix-body"},me={DEFAULT_ICON:X.DEFAULT_ICON,ACTIVE_ICON:X.ACTIVE_ICON,NAME_CN:"历程管理",NAME_EN:"Retainer2",ORDER:2},pe={titleColor:"#111",radiusSize:8,bgColor:"#fff",textColor:"#111",barWidth:30,barGap:0,timeWindow:5,isHideTitle:!0},J=[{name:"历程1",object_id:"",retainer:"",retainer_code:"",color:"#ee6666",showLine:!1,fv:"",lineStyle:"solid",lineWidth:2}],ye=["name","object_id","retainer","retainer_code","color","showLine",{key:"fv",dependent:"showLine"},{key:"lineStyle",dependent:"showLine"},{key:"lineWidth",dependent:"showLine"}],ge=["mosaic"],ve={useAlias:!1,multiObject:!0,showBothModes:!0,source:"mosaic"},be={DEFAULT:me,OPTIONS:pe,DATA:J,PARAMS:ye,SOURCE:ge,COMMON:ve},we=f.defineComponent(R(I({},be),{__name:"retainer2",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(v){const c=v,l=f.ref(null);let b=null;const w=f.reactive([]),H=p=>w[p];class E extends de.BaseComponent{constructor(){super(...arguments),this.subscribed=!1}extractStyles(){return{bgColor:this.getOptionValue("bgColor","#fff"),titleColor:this.getOptionValue("titleColor","#111"),textColor:this.getOptionValue("textColor","#111"),radiusSize:this.getOptionValue("radiusSize",8),barWidth:this.getOptionValue("barWidth",30),barGap:this.getOptionValue("barGap",0),timeWindow:this.getOptionValue("timeWindow",5),isHideTitle:this.getOptionValue("isHideTitle",!0)}}init(){var e;this.Style.value=this.extractStyles(),this.applyTheme(),(e=this.props.conf.data)!=null&&e.length||(this.props.conf.data=J),this.props.mode==="edit"&&M()}getPreviewHelper(){return{preview:()=>U(this,null,function*(){try{const i=yield new(yield Promise.resolve().then(()=>require("./history-DAmBl4_5.cjs"))).default().getHistoryData(this.props,this.componentType);this.setHistoryData(i)}catch(e){console.error("[Retainer2] 获取历史数据失败:",e)}}),unregister:()=>{}}}onPreview(){var n;if(this.subscribed)return;const{conf:e}=this.props,{data:i,common:t}=e;if(t.multiObject&&Array.isArray(i)){const o=new Set;i.forEach(s=>{const r=this.resolveObjectId(s);!r||o.has(r)||(o.add(r),this.subscribeRetainer(r),s.showLine&&s.fv&&this.subscribeFv(r))})}else{const o=this.resolveObjectId();this.subscribeRetainer(o),(n=i==null?void 0:i[0])!=null&&n.fv&&this.subscribeFv(o)}this.subscribed=!0}setSocketData(e){if(e)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){const{conf:i}=this.props,{data:t,common:n}=i,o=e.object_id,s=t.findIndex(a=>this.resolveObjectId(n!=null&&n.multiObject?a:void 0)===o);if(s===-1)return;let r=H(s);if(!r){const a=t[s];r={name:a.name||`历程${s+1}`,color:a.color||"#409eff",objectId:o,fv:a.fv||"",periods:[],lineData:[],showLine:a.showLine||!1,lineStyle:a.lineStyle||"solid",lineWidth:a.lineWidth||2},w.push(r)}e.opened_at&&r.periods.push({start:e.opened_at,end:null}),O()}handleRetainerClose(e){const{conf:i}=this.props,{data:t,common:n}=i,o=e.object_id,s=t.findIndex(d=>this.resolveObjectId(n!=null&&n.multiObject?d:void 0)===o);if(s===-1)return;const r=H(s);if(!r)return;const a=r.periods[r.periods.length-1];a&&!a.end&&(a.end=e.close_at||new Date().toISOString()),O()}handleRetainerEvent(e){}handleFvData(e){var d;const{conf:i}=this.props,{data:t,common:n}=i,o=e.object_id,s=t.findIndex(h=>this.resolveObjectId(n!=null&&n.multiObject?h:void 0)===o);if(s===-1)return;const a=t[s].fv;if(a)try{const h=(d=e.data)==null?void 0:d[a];if(h!==void 0){const g=H(s);if(g&&g.showLine){const u=e.datetime||new Date().toISOString();g.lineData.push({time:u,value:h}),g.lineData.sort((_,T)=>new Date(_.time).getTime()-new Date(T.time).getTime()),O()}}}catch(h){console.error("[Retainer2] 处理 FV 数据失败:",h)}}setHistoryData(e){const{conf:i}=this.props,{data:t,common:n}=i;w.length=0,t.forEach((o,s)=>{var h;const r=this.resolveObjectId(n!=null&&n.multiObject?o:void 0),a=o.fv||"",d={name:o.name||`历程${s+1}`,color:o.color||"#409eff",objectId:r,fv:a,periods:[],lineData:[],showLine:o.showLine||!1,lineStyle:o.lineStyle||"solid",lineWidth:o.lineWidth||2};try{(((h=e==null?void 0:e.history)==null?void 0:h[s])||[]).forEach(u=>{u&&u.start_time&&(d.periods.push({start:u.start_time,end:u.end_time||null}),o.showLine&&a&&u.mosaic&&Array.isArray(u.mosaic)&&u.mosaic.forEach(_=>{const T=_[a];T!==void 0&&_.time&&d.lineData.push({time:_.time,value:T})}))}),d.lineData.sort((u,_)=>new Date(u.time).getTime()-new Date(_.time).getTime())}catch(g){}w.push(d)}),O()}}const M=()=>{const{data:p}=c.conf;w.length=0;const e=L.dayjs();p.forEach((i,t)=>{const n=`edit_object_${t}`,o=[{start:e.subtract(6+t,"hour").format("YYYY-MM-DD HH:mm:ss"),end:e.subtract(4+t,"hour").format("YYYY-MM-DD HH:mm:ss")},{start:e.subtract(2+t*.5,"hour").format("YYYY-MM-DD HH:mm:ss"),end:e.subtract(t*.3,"hour").format("YYYY-MM-DD HH:mm:ss")}],s=[];i.showLine&&o.forEach(r=>{const a=L.dayjs(r.start),h=L.dayjs(r.end).diff(a,"minute"),g=Math.max(5,Math.floor(h/10));for(let u=0;u<=g;u++){const _=a.add(h/g*u,"minute");s.push({time:_.format("YYYY-MM-DD HH:mm:ss"),value:150+Math.sin(u*.8+t*2)*50+t*30})}}),w.push({name:i.name||`历程${t+1}`,color:i.color||["#ee6666","#91cc75","#fac858"][t%3],objectId:n,fv:i.fv||"",periods:o,lineData:s,showLine:i.showLine||!1,lineStyle:i.lineStyle||"solid",lineWidth:i.lineWidth||2})})},D=new E(c,"retainer2");D.setupLifecycle();const S=D.getStyle(),W=c.conf,K=f.computed(()=>fe.generateTitleStyle(c.conf.options)),V=()=>w.filter(p=>p.showLine&&p.lineData.length>0),Q=()=>{const p=[],e=V();let i=1;return e.forEach(t=>{t.periods.forEach((n,o)=>{const s=new Date(n.start).getTime(),r=n.end?new Date(n.end).getTime():Date.now(),a=t.lineData.filter(d=>{const h=new Date(d.time).getTime();return h>=s&&h<=r}).map(d=>[new Date(d.time).getTime(),d.value]);a.length>0&&p.push({name:o===0?`${t.name}-曲线`:`${t.name}-曲线-${o+1}`,type:"line",yAxisIndex:i,smooth:!0,symbol:"circle",symbolSize:4,lineStyle:{color:t.color,width:t.lineWidth,type:t.lineStyle},itemStyle:{color:t.color},data:a})}),i++}),p},Z=p=>{const e=V(),i=e.length,t=[{type:"value",min:0,max:p,axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1}}];return e.forEach((n,o)=>{const s=n.lineData.map(u=>u.value),r=Math.max(...s),a=Math.min(...s),d=Math.ceil(r*1.1),h=Math.floor(a*.9),g=o*50;t.push({type:"value",position:"right",offset:g,min:h,max:d,axisLine:{show:!0,lineStyle:{color:n.color}},axisTick:{show:!0,lineStyle:{color:n.color}},axisLabel:{color:n.color,fontSize:10},splitLine:{show:!1}})}),{yAxes:t,lineCount:i}},k=()=>{l.value&&(b=he.init(l.value),O())},O=()=>{var P;if(!b)return;const p=w.length||1,e=((P=l.value)==null?void 0:P.clientHeight)||300,i=30,t=10,n=e-i-t,o=S.value.barWidth||30,s=S.value.barGap||0,r=o+s,a=p*r;let d=o,h=s,g=r;if(a>n){const m=n/a;d=Math.max(o*m,10),h=s*m,g=d+h}const u=[];let _=!1;w.forEach((m,y)=>{m.periods.forEach(x=>{const C=new Date(x.start).getTime(),Y=x.end?new Date(x.end).getTime():Date.now();x.end||(_=!0),u.push({name:m.name,value:[C,Y,y],itemStyle:{color:x.end?m.color+"80":m.color}})})});const{yAxes:T,lineCount:N}=Z(p),ee=N>0?20+N*50:20,te={tooltip:{trigger:"axis",formatter:m=>{if(Array.isArray(m)){const y=m.find(x=>x.seriesType==="line");if(y){const x=L.dayjs(y.value[0]).format("YYYY-MM-DD HH:mm:ss");return`${y.seriesName}<br/>时间: ${x}<br/>数值: ${y.value[1]}`}}return""}},grid:{left:40,right:ee,top:t,bottom:i,containLabel:!1},xAxis:R(I({type:"time",position:"bottom"},_?{min:Date.now()-S.value.timeWindow*60*1e3,max:Date.now()}:{}),{axisLine:{show:!0,lineStyle:{color:S.value.titleColor}},axisTick:{show:!0,lineStyle:{color:S.value.titleColor}},axisLabel:{formatter:"{HH}:{mm}",color:S.value.textColor,fontSize:11,margin:8},splitLine:{show:!1}}),yAxis:T,series:[{name:"甘特图",type:"custom",yAxisIndex:0,renderItem:(m,y)=>{var F;const x=y.value(0),C=y.value(1),Y=y.value(2),A=y.coord([x,0])[0],oe=y.coord([C,0])[0],q=m.coordSys.y+m.coordSys.height-(Y+1)*g+h,ne=q+d/2,B=Math.max(oe-A,2),ie=((F=w[Y])==null?void 0:F.name)||"";return{type:"group",children:[{type:"rect",shape:{x:A,y:q,width:B,height:d,r:2},style:y.style()},{type:"text",style:{x:A+B/2,y:ne,text:ie,fill:"#fff",fontSize:11,textAlign:"center",textVerticalAlign:"middle"}}]}},encode:{x:[0,1],y:2,tooltip:[0,1]},tooltip:{formatter:m=>{const y=L.dayjs(m.value[0]).format("YYYY-MM-DD HH:mm:ss"),x=L.dayjs(m.value[1]).format("YYYY-MM-DD HH:mm:ss"),C=m.value[1]>=Date.now()-1e3;return`${m.name}<br/>开始: ${y}<br/>结束: ${C?"进行中":x}`}},data:u},...Q()]};b.setOption(te,!0)},z=()=>{b==null||b.resize()};let j=null;return f.onMounted(()=>{j=new ResizeObserver(()=>{b?b.resize():l.value&&k()}),l.value&&j.observe(l.value),setTimeout(()=>{k()},100),window.addEventListener("resize",z)}),f.onUnmounted(()=>{window.removeEventListener("resize",z),j==null||j.disconnect(),b==null||b.dispose()}),f.watch(()=>c.conf.data,()=>{c.mode==="edit"&&M(),O()},{deep:!0}),f.watch(()=>c.conf.options,()=>{S.value=D.extractStyles(),O()},{deep:!0}),f.watchEffect(()=>{c.conf.historyData&&D.setHistoryData(c.conf.historyData),c.conf.socketData&&D.setSocketData(c.conf.socketData)}),(p,e)=>(f.openBlock(),f.createElementBlock("div",{class:"mix-component",style:f.normalizeStyle({background:f.unref(S).bgColor,borderRadius:f.unref(S).radiusSize+"px"})},[f.createElementVNode("div",{class:"mix-title",style:f.normalizeStyle(K.value)},f.toDisplayString(f.unref(W).caption||f.unref(W).name),5),f.createElementVNode("div",ue,[f.createElementVNode("div",{class:"timeline-chart",ref_key:"chartRef",ref:l},null,512)]),f.renderSlot(p.$slots,"default",{},void 0,!0)],4))}})),De=L._export_sfc(we,[["__scopeId","data-v-8258f73d"]]);exports.default=De;