costy-plus 1.0.10-0

package/dist/es/src/ECGWave/method.js

@@ -0,0 +1,841 @@
+var _ = Object.defineProperty, X = Object.defineProperties;
+var q = Object.getOwnPropertyDescriptors;
+var T = Object.getOwnPropertySymbols;
+var V = Object.prototype.hasOwnProperty, Y = Object.prototype.propertyIsEnumerable;
+var $ = (t, e, i) => e in t ? _(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, v = (t, e) => {
+  for (var i in e || (e = {}))
+    V.call(e, i) && $(t, i, e[i]);
+  if (T)
+    for (var i of T(e))
+      Y.call(e, i) && $(t, i, e[i]);
+  return t;
+}, L = (t, e) => X(t, q(e));
+import K from "vue";
+import Q from "../../node_modules/.pnpm/vue-class-component@7.2.6_vue@2.6.14/node_modules/vue-class-component/dist/vue-class-component.esm.js";
+import "../../node_modules/.pnpm/vue-property-decorator@9.1.2_zrnidtknow37s43kh2nsmp2h4u/node_modules/vue-property-decorator/lib/decorators/Emit.js";
+import { Prop as g } from "../../node_modules/.pnpm/vue-property-decorator@9.1.2_zrnidtknow37s43kh2nsmp2h4u/node_modules/vue-property-decorator/lib/decorators/Prop.js";
+import { AnalysisMode as F, throttling as J, getPrintLengthToPx as U, getDataLenTimes as H, LeadNameTexts as G, getPointIdxForPx as b } from "@costy-plus/utils";
+import { init as Z, Group as D, Polyline as I, Line as E, Text as C, Polygon as ee, util as te } from "zrender";
+var ie = Object.defineProperty, ae = Object.getOwnPropertyDescriptor, u = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ae(e, i) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (s = (a ? n(e, i, s) : n(s)) || s);
+  return a && s && ie(e, i, s), s;
+};
+let c = class extends K {
+  constructor() {
+    super(...arguments), this.AssistCtx = Object.freeze(null), this.sceneIns = Object.freeze(null), this.layerBgGroup = Object.freeze(null), this.leadHeadGroup = Object.freeze(null), this.splitLineGroup = Object.freeze(null), this.rowAndColwaveFromGroup = Object.freeze(null), this.singleWaveFromGroup = Object.freeze(null), this.addwaveFromGroup = Object.freeze(null), this.leadHeadNameGroup = Object.freeze(null), this.leadHeadOffAndDelGroup = Object.freeze(null), this.rulerGroup = Object.freeze(null), this.arrowGroup = Object.freeze(null), this.heardBeatLineGroup = Object.freeze(null), this.bottomAreaHeight = Object.freeze(100), this.dataTotalTimes = Object.freeze(0), this.totalRows = Object.freeze(0), this.rulerStep = Object.freeze(0), this.drawLoopArrowStartPosIdx = Object.freeze(0), this.dbClickWaveFromTime = Object.freeze(0), this.currentHeardBeat = {
+      heardBeat: null,
+      ele: null
+    }, this.loopArrowY = Object.freeze({
+      add: 0,
+      rowAndCol: 0
+    }), this.fontFamily = Object.freeze("\u5FAE\u8F6F\u96C5\u9ED1"), this.splitBlockHeight = 0, this.splitPoint = 0, this.slidingWindowInfo = Object.freeze({}), this.addSlidingWindowInfo = Object.freeze({}), this.highestAndLowestPoint = Object.freeze({
+      Data: {
+        maxPoints: 0,
+        minPoints: 0
+      },
+      ComplexData: {
+        maxPoints: 0,
+        minPoints: 0
+      }
+    }), this.drawArea = Object.freeze({
+      width: 0,
+      height: 0
+    }), this.vuescrollWH = {
+      width: 0,
+      height: 0
+    }, this.waveDataCopy = [], this.addWaveDataCopy = [], this.singleWaveDataCopy = [], this.leadNameList = [], this.activeLeadIdx = -1, this.activeLeadAnalyseValue = null, this.isShowEnlargeWave = !1;
+  }
+  get canvasContainer() {
+    var t;
+    return {
+      width: this.width,
+      height: this.height - (this.vuescrollConfig.isShow && parseInt(`${(t = this.vuescrollConfig.bar) == null ? void 0 : t.size}`) || 0) || 0
+    };
+  }
+  get waveFromData() {
+    var t, e, i;
+    return ((t = this.formatEcgData) == null ? void 0 : t.analysisValueMode) === F.CompoundWave ? ((e = this.formatEcgData) == null ? void 0 : e.processedData.handleData.ComplexData) || [] : ((i = this.formatEcgData) == null ? void 0 : i.processedData.handleData.Data) || [];
+  }
+  get isSingleMode() {
+    return this.leadModel.column === 1 && this.leadModel.line === 1;
+  }
+  destroyed() {
+    var t, e, i, a, s, o, n, l, r, f, d;
+    (t = this.rowAndColwaveFromGroup) == null || t.removeAll(), (e = this.singleWaveFromGroup) == null || e.removeAll(), (i = this.addwaveFromGroup) == null || i.removeAll(), (a = this.leadHeadGroup) == null || a.removeAll(), (s = this.splitLineGroup) == null || s.removeAll(), (o = this.leadHeadNameGroup) == null || o.removeAll(), (n = this.leadHeadOffAndDelGroup) == null || n.removeAll(), (l = this.rulerGroup) == null || l.removeAll(), (r = this.arrowGroup) == null || r.removeAll(), (f = this.heardBeatLineGroup) == null || f.removeAll(), (d = this.sceneIns) == null || d.dispose();
+  }
+  init() {
+    var t;
+    this.initWaveFormPeer(), this.combinationDrawing(), (t = this.formatEcgData) != null && t.processedData.otherParams.PosStart && (this.vuescrollConfig.isShow ? this.$nextTick(() => {
+      var e, i;
+      this.$refs.vueScroll.scrollBy({
+        dx: (((e = this.formatEcgData) == null ? void 0 : e.processedData.otherParams.PosStart) || 0) * (((i = this.formatEcgData) == null ? void 0 : i.step) || 0)
+      });
+    }) : (this.scrollWaveFrom(this.formatEcgData.processedData.otherParams.PosStart), this.scrollRuler(this.formatEcgData.processedData.otherParams.PosStart), this.scrollArrow(this.formatEcgData.processedData.otherParams.PosStart)));
+  }
+  initWaveFormPeer() {
+    const t = document.getElementById("wave-from-box");
+    this.sceneIns = Z(t, {
+      width: this.canvasContainer.width,
+      height: this.canvasContainer.height,
+      devicePixelRatio: 2
+    });
+    const e = document.getElementById("MXGrid");
+    this.AssistCtx = e.getContext("2d");
+  }
+  combinationDrawing() {
+    this.initConfig(), this.drawLeadHead(), this.drawColSplitLine(), this.initSlidingWindowInfo(), this.drawRulerNotes(), this.drawWaveFrom();
+  }
+  initConfig() {
+    var e, i, a, s, o, n, l, r, f;
+    this.rowAndColwaveFromGroup = new D({
+      name: "rowAndColwaveFrom"
+    }), this.singleWaveFromGroup = new D({
+      name: "singleWaveFrom"
+    }), this.addwaveFromGroup = new D({
+      name: "addwaveFrom"
+    }), this.leadHeadGroup = new D({
+      name: "leadHead"
+    }), this.splitLineGroup = new D({
+      name: "splitLine"
+    }), this.leadHeadNameGroup = new D({
+      name: "leadHeadName"
+    }), this.leadHeadOffAndDelGroup = new D({
+      name: "leadHeadOffAndDel"
+    }), this.rulerGroup = new D({
+      name: "ruler"
+    }), this.arrowGroup = new D({
+      name: "arrowLoop"
+    }), this.heardBeatLineGroup = new D({
+      name: "heardBeatLine"
+    }), this.vuescrollWH.width = this.width, this.vuescrollWH.height = this.height;
+    let t = this.canvasContainer.width;
+    if (((i = (e = this.conventionalECGConfig) == null ? void 0 : e.ecgReviewSetting) == null ? void 0 : i.ecgareawidth) === "1") {
+      const d = U(((a = this.formatEcgData) == null ? void 0 : a.processedData.otherParams.SampleRate) || 0) + this.leadHeadConfig.leadHedeWidth;
+      d <= t && (t = d);
+    }
+    this.drawArea = {
+      width: t,
+      height: this.canvasContainer.height - this.bottomAreaHeight
+    }, this.slidingWindowInfo = {
+      points: 0,
+      startInd: 0,
+      endInd: 0
+    }, this.addSlidingWindowInfo = {
+      points: 0,
+      startInd: 0,
+      endInd: 0
+    }, this.loopArrowY = {
+      add: 0,
+      rowAndCol: 0
+    }, this.currentHeardBeat = {
+      heardBeat: null,
+      ele: null
+    }, this.leadNameList = ((s = this.formatEcgData) == null ? void 0 : s.processedData.otherParams.LeadName) || [], this.totalRows = this.leadModel.line + this.leadModel.add || 1, this.highestAndLowestPoint = (o = this.formatEcgData) == null ? void 0 : o.calcHighestAndLowestPoint(), this.isSingleMode ? this.splitBlockHeight = (((n = this.formatEcgData) == null ? void 0 : n.analysisValueMode) === F.CompoundWave ? Math.abs(this.highestAndLowestPoint.ComplexData.maxPoints) + Math.abs(this.highestAndLowestPoint.ComplexData.minPoints) : Math.abs(this.highestAndLowestPoint.Data.maxPoints) + Math.abs(this.highestAndLowestPoint.Data.minPoints)) + 22 : this.splitBlockHeight = this.drawArea.height / this.totalRows, this.dataTotalTimes = H(
+      this.waveFromData[0].length || 0,
+      ((l = this.formatEcgData) == null ? void 0 : l.processedData.otherParams.SampleRate) || 0
+    ), this.rulerStep = (((r = this.formatEcgData) == null ? void 0 : r.step) || 1) * (((f = this.formatEcgData) == null ? void 0 : f.processedData.otherParams.SampleRate) || 1) / (this.gridConfig.cellMg * 2 + 2);
+  }
+  isLeadOff(t) {
+    var e;
+    return !!(((e = this.formatEcgData) == null ? void 0 : e.processedData.otherParams.LeadOff) || []).includes(t);
+  }
+  isLeadDel(t) {
+    var e;
+    return !!(((e = this.formatEcgData) == null ? void 0 : e.processedData.otherParams.LeadDelete) || []).includes(t);
+  }
+  onDbClickWaveFrom(t, e) {
+    console.log("onDbClickWaveFrom", t);
+    const i = Date.now(), a = () => {
+      var w, p, m, y;
+      const s = t.target.name.split("_");
+      this.activeLeadIdx = +s[0];
+      const o = +s[1];
+      let n = 0, l = 0;
+      e === "single" ? (n = t.offsetX - this.singleWaveDataCopy[o].pos[0], l = this.singleWaveDataCopy[o].startInd) : e === "rowAndCol" ? (n = t.offsetX - this.waveDataCopy[o].pos[0], l = this.waveDataCopy[o].startInd || 0) : e === "add" && (n = t.offsetX - this.addWaveDataCopy[o].pos[0], l = this.addWaveDataCopy[o].startInd || 0);
+      let r = b(n, ((w = this.formatEcgData) == null ? void 0 : w.step) || 1);
+      r += l;
+      const f = ((p = this.formatEcgData) == null ? void 0 : p.processedData.otherParams.AnalyseValue) || [];
+      let d = null;
+      if (this.enlargeWaveMode === F.SelectedHeartbeat) {
+        if (r <= f[1].KeyPosByBeat.Tend + 0.1 * (((m = this.formatEcgData) == null ? void 0 : m.processedData.otherParams.SampleRate) || 0))
+          d = f[1];
+        else
+          for (let W = 1; W < f.length; W++)
+            if (r > f[W - 1].KeyPosByBeat.Tend + 1 && r < f[W].KeyPosByBeat.Tend + 0.1 * (((y = this.formatEcgData) == null ? void 0 : y.processedData.otherParams.SampleRate) || 0)) {
+              d = f[W];
+              break;
+            }
+      } else
+        d = f[0];
+      console.log("currentAnalyseValue", d, d == null ? void 0 : d.BeatID), d && (this.activeLeadAnalyseValue = L(v({}, d), {
+        BeatCount: f.length - 1
+      }), d = null, this.isShowEnlargeWave = !0);
+    };
+    i - this.dbClickWaveFromTime < 400 ? (this.dbClickWaveFromTime = 0, a()) : this.dbClickWaveFromTime = i;
+  }
+  createLeadHead(t, e) {
+    var s;
+    const i = this.leadHeadConfig.leadHedeWidth / 4, a = ((s = this.formatEcgData) == null ? void 0 : s.sens) || 0;
+    return new I({
+      cursor: "",
+      shape: {
+        points: [
+          [
+            0 + t,
+            0 + e
+          ],
+          [
+            i + t,
+            0 + e
+          ],
+          [
+            i + t,
+            -a + e
+          ],
+          [
+            3 * i + t,
+            -a + e
+          ],
+          [
+            3 * i + t,
+            0 + e
+          ],
+          [
+            4 * i + t,
+            0 + e
+          ]
+        ]
+      },
+      style: {
+        stroke: this.leadHeadConfig.leadHedeColor,
+        lineWidth: this.leadHeadConfig.leadHedeLineWidth
+      }
+    });
+  }
+  creatSplitLine(t, e) {
+    var i;
+    return new E({
+      cursor: "",
+      shape: {
+        x1: 0 + t,
+        y1: 0 + e,
+        x2: 0 + t,
+        y2: (((i = this.formatEcgData) == null ? void 0 : i.sens) || 0) + e
+      },
+      style: {
+        stroke: this.leadHeadConfig.leadHedeColor,
+        lineWidth: this.leadHeadConfig.leadHedeLineWidth
+      }
+    });
+  }
+  drawLeadHead() {
+    var t, e;
+    for (let i = 1; i <= this.totalRows; i++)
+      (t = this.leadHeadGroup) == null || t.add(this.createLeadHead(0, i * this.splitBlockHeight));
+    (e = this.sceneIns) == null || e.add(this.leadHeadGroup);
+  }
+  drawColSplitLine() {
+    var i, a, s, o, n;
+    (i = this.splitLineGroup) == null || i.removeAll(), (a = this.sceneIns) == null || a.remove(this.splitLineGroup);
+    const t = (this.drawArea.width - this.leadHeadConfig.leadHedeWidth) / this.leadModel.column;
+    this.splitPoint = t, this.isSingleMode && (this.splitPoint -= 80);
+    let e = 0;
+    for (let l = 1; l <= this.leadModel.column - 1; l++) {
+      e = l * t + this.leadHeadConfig.leadHedeWidth;
+      for (let r = 1; r <= this.leadModel.line; r++)
+        (o = this.splitLineGroup) == null || o.add(this.creatSplitLine(e, r * this.splitBlockHeight - (((s = this.formatEcgData) == null ? void 0 : s.sens) || 0) * 0.5));
+    }
+    (n = this.sceneIns) == null || n.add(this.splitLineGroup);
+  }
+  initSlidingWindowInfo() {
+    var a, s;
+    const t = ((a = this.formatEcgData) == null ? void 0 : a.step) || 0, e = Math.ceil(this.splitPoint / t);
+    this.slidingWindowInfo = {
+      points: e,
+      startInd: 0,
+      endInd: e
+    }, this.vuescrollConfig.isShow && (this.vuescrollWH.width = this.canvasContainer.width + (((s = this.formatEcgData) == null ? void 0 : s.dataPxLen) || 0) - this.splitPoint);
+    const i = Math.ceil((this.drawArea.width - this.leadHeadConfig.leadHedeWidth) / t);
+    this.addSlidingWindowInfo = {
+      points: i,
+      startInd: 0,
+      endInd: i
+    };
+  }
+  getRednerSinglePoints() {
+    let t = 0, e = 0;
+    const i = this.waveFromData[this.singleModeInfo.defaultSelect] || [];
+    let a = this.slidingWindowInfo.startInd || 0, s = this.slidingWindowInfo.endInd || 0;
+    const o = [], n = Math.ceil(i.length / (this.slidingWindowInfo.points || 1));
+    for (let l = 0; l < 1; l++) {
+      t = l * this.splitPoint + this.leadHeadConfig.leadHedeWidth, e = 0;
+      for (let r = 1; r <= n; r++)
+        e = r * this.splitBlockHeight, r > 1 && (e *= 0.8, a = s, s = a + (this.slidingWindowInfo.points || 0)), r === 1 && (this.loopArrowY.rowAndCol = e), o.push({
+          pos: [t, e],
+          startInd: a,
+          endInd: s,
+          data: i.slice(a, s).map((f, d) => {
+            var w;
+            return [d * (((w = this.formatEcgData) == null ? void 0 : w.step) || 0), -f];
+          })
+        });
+    }
+    return o;
+  }
+  getRednerPoints() {
+    let t = 0, e = 0, i = 0, a = [], s = this.slidingWindowInfo.startInd || 0, o = this.slidingWindowInfo.endInd || 0;
+    const n = [];
+    for (let l = 0; l < this.leadModel.column; l++) {
+      t = l * this.splitPoint + this.leadHeadConfig.leadHedeWidth, e = 0, this.leadModel.isContinuous && l > 0 && (s = o, o = s + (this.slidingWindowInfo.points || 0));
+      for (let r = 1; r <= this.leadModel.line && (e = r * this.splitBlockHeight, !(i > (this.waveFromData || []).length - 1)); r++)
+        a = this.waveFromData[i] || [], i++, r === 1 && (this.loopArrowY.rowAndCol = e), n.push({
+          pos: [t, e],
+          startInd: s,
+          endInd: o,
+          data: a.slice(s, o).map((f, d) => {
+            var w;
+            return [d * (((w = this.formatEcgData) == null ? void 0 : w.step) || 0), -f];
+          })
+        });
+    }
+    return n;
+  }
+  getAddRednerPoints() {
+    const t = [], e = this.leadHeadConfig.leadHedeWidth;
+    let i = 0, a = 0, s = [];
+    for (let o = 0; o < this.leadModel.add; o++)
+      a = this.longLeadConfig[o], i = (o + this.leadModel.line + 1) * this.splitBlockHeight, s = this.waveFromData[a] || [], o === 0 && (this.loopArrowY.add = i), t.push({
+        pos: [e, i],
+        startInd: this.addSlidingWindowInfo.startInd || 0,
+        endInd: this.addSlidingWindowInfo.endInd || 0,
+        data: s.slice(this.addSlidingWindowInfo.startInd, this.addSlidingWindowInfo.endInd).map((n, l) => {
+          var r;
+          return [l * (((r = this.formatEcgData) == null ? void 0 : r.step) || 0), -n];
+        })
+      });
+    return t;
+  }
+  createSingleWaveFrom() {
+    var o, n, l, r, f, d, w;
+    (o = this.singleWaveFromGroup) == null || o.removeAll();
+    const t = (((n = this.formatEcgData) == null ? void 0 : n.processedData.otherParams.LeadName) || [])[this.singleModeInfo.defaultSelect] || 0;
+    let e = this.getRednerSinglePoints(), i = H(this.slidingWindowInfo.points || 0, ((l = this.formatEcgData) == null ? void 0 : l.processedData.otherParams.SampleRate) || 0), a = 0, s = 0;
+    for (let p = 0; p < e.length && !(e[p].pos[1] > this.drawArea.height + this.bottomAreaHeight); p++)
+      this.isLeadDel(t) || (a = parseInt(`${i / 1e3 / 60}`, 10), s = parseInt(`${i / 1e3 % 60}`, 10), a = s === 60 ? a += 1 : a, a = a === 0 ? "00" : a < 10 ? `0${a}` : a, s = s === 0 || s === 60 ? "00" : s < 10 ? `0${s}` : s, (r = this.singleWaveFromGroup) == null || r.add(new I({
+        cursor: "",
+        name: this.singleModeInfo.defaultSelect + "_" + p,
+        shape: {
+          points: e[p].data.map(([m, y]) => [
+            m + e[p].pos[0],
+            y + e[p].pos[1]
+          ])
+        },
+        style: {
+          stroke: this.leadConfig.lineColor,
+          lineWidth: this.leadConfig.lineWidth
+        },
+        onclick: (m) => {
+          this.onDbClickWaveFrom(m, "single");
+        }
+      })), (d = this.singleWaveFromGroup) == null || d.add(new C({
+        cursor: "",
+        style: {
+          x: e[p].pos[0],
+          y: e[p].pos[1] - (((f = this.formatEcgData) == null ? void 0 : f.sens) || 0) / 2,
+          text: p === 0 ? "00:00   \u5FC3\u7387" : `${a}:${s}   \u5FC3\u7387`,
+          fontWeight: "bold",
+          fontSize: 14,
+          fill: "#FF0080",
+          fontFamily: this.fontFamily
+        }
+      })), p > 0 && (i += i));
+    this.createLeadName(t, e[0].pos[0] - 10, e[0].pos[1] + 10), this.createLeadOffAndDel(t, e[0].pos[0] - 5, e[0].pos[1] - (((w = this.formatEcgData) == null ? void 0 : w.sens) || 0) / 2 - 15), this.singleWaveDataCopy = e, e = null;
+  }
+  createAddWaveFrom() {
+    var e, i;
+    console.time("createAddWaveFrom");
+    let t = this.getAddRednerPoints();
+    for (let a = 0; a < t.length; a++)
+      this.isLeadDel(this.longLeadConfig[a]) || ((e = this.addwaveFromGroup) == null || e.add(new I({
+        cursor: "",
+        name: this.longLeadConfig[a] + "_" + a,
+        shape: {
+          points: t[a].data.map(([s, o]) => [
+            s + t[a].pos[0],
+            o + t[a].pos[1]
+          ])
+        },
+        style: {
+          stroke: this.leadConfig.lineColor,
+          lineWidth: this.leadConfig.lineWidth
+        },
+        onclick: (s) => {
+          this.onDbClickWaveFrom(s, "add");
+        }
+      })), this.createLeadName(this.longLeadConfig[a], t[a].pos[0], t[a].pos[1] - 15, !0), this.createLeadOffAndDel(this.longLeadConfig[a], t[a].pos[0] - 5, t[a].pos[1] - (((i = this.formatEcgData) == null ? void 0 : i.sens) || 0) / 2 - 15));
+    console.timeEnd("createAddWaveFrom"), this.addWaveDataCopy = t, t = null;
+  }
+  createRowAndColWaveFrom() {
+    var i, a, s, o, n, l;
+    console.time("createRowAndColWaveFrom"), (i = this.rowAndColwaveFromGroup) == null || i.removeAll();
+    let t = this.getRednerPoints(), e = 0;
+    for (let r = 0; r < t.length; r++)
+      e = (((a = this.formatEcgData) == null ? void 0 : a.processedData.otherParams.LeadName) || [])[r] || 0, this.isLeadDel(e) || (s = this.rowAndColwaveFromGroup) == null || s.add(new I({
+        cursor: "",
+        name: r + "_" + r,
+        shape: {
+          points: t[r].data.map(([f, d]) => [
+            f + t[r].pos[0],
+            d + t[r].pos[1]
+          ])
+        },
+        style: {
+          stroke: this.leadConfig.lineColor,
+          lineWidth: this.leadConfig.lineWidth
+        },
+        onclick: (f) => {
+          this.onDbClickWaveFrom(f, "rowAndCol");
+        }
+      })), r < this.leadModel.line ? (this.createLeadName(e, t[r].pos[0], t[r].pos[1] - 15), this.createLeadOffAndDel(e, t[r].pos[0] - 5, t[r].pos[1] - (((o = this.formatEcgData) == null ? void 0 : o.sens) || 0) / 2 - 15)) : (this.createLeadName(e, t[r].pos[0] + 5, t[r].pos[1] - (((n = this.formatEcgData) == null ? void 0 : n.sens) || 0) / 2), this.createLeadOffAndDel(e, t[r].pos[0] - 5, t[r].pos[1] - (((l = this.formatEcgData) == null ? void 0 : l.sens) || 0) / 2 + 9));
+    this.waveDataCopy = t, t = null;
+  }
+  createLeadName(t, e, i, a = !1) {
+    var s;
+    (s = this.leadHeadNameGroup) == null || s.add(new C({
+      style: {
+        x: e,
+        y: i,
+        text: G[t],
+        fontSize: this.leadConfig.fontSize,
+        fill: this.leadConfig.lineColor,
+        fontFamily: this.leadConfig.fontFamily
+      },
+      oncontextmenu: (o) => {
+        o.event.preventDefault(), this.$emit("notiifyLeadName", {
+          event: L(v({}, o), {
+            name: G[t],
+            idx: t
+          }),
+          isAdd: a
+        });
+      },
+      onclick: (o) => {
+        this.$emit("notiifyLeadName", {
+          event: L(v({}, o), {
+            name: G[t],
+            idx: t
+          }),
+          isAdd: a
+        });
+      }
+    }));
+  }
+  createLeadOffAndDel(t, e, i) {
+    var a;
+    (this.isLeadOff(t) || this.isLeadDel(t)) && ((a = this.leadHeadOffAndDelGroup) == null || a.add(new C({
+      cursor: "",
+      style: {
+        x: e,
+        y: i,
+        text: "X",
+        fontWeight: "bold",
+        fontSize: 18,
+        fill: "#E42c03",
+        fontFamily: this.fontFamily
+      }
+    })));
+  }
+  drawRulerNotes() {
+    var a, s, o, n;
+    if (!this.rulerConfig.isShow)
+      return;
+    const t = {
+      fill: "#FF0080",
+      fontSize: 13,
+      fontFamily: this.fontFamily
+    }, e = new C({
+      cursor: "",
+      style: v({
+        text: "(s)",
+        x: this.leadHeadConfig.leadHedeWidth / 2 - 8,
+        y: this.drawArea.height + this.bottomAreaHeight - 25
+      }, t)
+    }), i = new C({
+      style: v({
+        text: `${(a = this.formatEcgData) == null ? void 0 : a.gain}mm/mV  ${(s = this.formatEcgData) == null ? void 0 : s.speed}mm/s`,
+        x: this.leadHeadConfig.leadHedeWidth / 2 + 20,
+        y: this.drawArea.height + this.bottomAreaHeight - 40
+      }, t)
+    });
+    (o = this.sceneIns) == null || o.add(i), (n = this.sceneIns) == null || n.add(e);
+  }
+  drawRuler(t = 0) {
+    var o, n, l, r, f;
+    if (!this.rulerConfig.isShow)
+      return;
+    const e = this.dataTotalTimes / 1e3;
+    let i = this.leadHeadConfig.leadHedeWidth, a = 0, s = e;
+    if (this.leadModel.isContinuous)
+      s = e * 5;
+    else if (!this.leadModel.add && ((o = this.formatEcgData) == null ? void 0 : o.step)) {
+      const d = b(this.splitPoint, this.formatEcgData.step), w = H(d, ((n = this.formatEcgData) == null ? void 0 : n.processedData.otherParams.SampleRate) || 0) / 1e3;
+      s = t + w;
+    }
+    for (let d = t; d <= s; d = +(d + 0.1).toFixed(1))
+      d !== t && (i += this.rulerStep), d % 1 === 0 ? (a = this.canvasContainer.height - 10, (l = this.rulerGroup) == null || l.add(new C({
+        cursor: "",
+        style: {
+          x: i,
+          y: a - 15,
+          text: d + "",
+          fontSize: 13,
+          fontFamily: this.fontFamily,
+          fill: "#FF0080"
+        }
+      }))) : a = this.canvasContainer.height - 5, (r = this.rulerGroup) == null || r.add(new E({
+        cursor: "",
+        shape: {
+          x1: i,
+          y1: a,
+          x2: i,
+          y2: this.canvasContainer.height
+        },
+        style: {
+          stroke: "#FF0080",
+          lineWidth: 2
+        }
+      }));
+    (f = this.sceneIns) == null || f.add(this.rulerGroup);
+  }
+  drawWaveFrom() {
+    var t, e, i;
+    this.isSingleMode ? (this.addWaveDataCopy = [], this.waveDataCopy = [], this.createSingleWaveFrom(), (t = this.sceneIns) == null || t.add(this.singleWaveFromGroup)) : (this.singleWaveDataCopy = [], this.createAddWaveFrom(), this.createRowAndColWaveFrom(), (e = this.sceneIns) == null || e.add(this.rowAndColwaveFromGroup), (i = this.sceneIns) == null || i.add(this.addwaveFromGroup)), this.drawLeadHeadNameAndOffOrDel(), this.drawRuler(), this.drawLoopArrow();
+  }
+  drawLeadHeadNameAndOffOrDel() {
+    var t, e;
+    (t = this.sceneIns) == null || t.add(this.leadHeadNameGroup), (e = this.sceneIns) == null || e.add(this.leadHeadOffAndDelGroup);
+  }
+  drawLoopArrow(t = 0) {
+    var l, r, f, d, w, p, m, y, W, x, O, M, R, k, B, z, j;
+    if (this.drawLoopArrowStartPosIdx = t, !this.heartFight.isShow)
+      return;
+    this.heartFight.mode && this.currentHeardBeat.heardBeat === null && (this.currentHeardBeat.heardBeat = ((l = this.formatEcgData) == null ? void 0 : l.heartBeatPosition[this.heartFight.defaultSelect]) || null, this.drawHeardBeatLine());
+    let e = 0, i = 0;
+    this.leadModel.add ? i = this.loopArrowY.add - (((r = this.formatEcgData) == null ? void 0 : r.sens) || 0) - this.splitBlockHeight / 3.5 : i = 20;
+    let a = 0, s = 0;
+    const o = {
+      fontSize: 12,
+      fill: "red",
+      fontFamily: this.fontFamily
+    };
+    let n = 0;
+    for (let P = 0; P < (((f = this.formatEcgData) == null ? void 0 : f.heartBeatPosition) || []).length; P++) {
+      const h = (d = this.formatEcgData) == null ? void 0 : d.heartBeatPosition[P];
+      if (n = ((h == null ? void 0 : h.position) || 0) - t, !(t > ((h == null ? void 0 : h.position) || 0)) && !(!this.leadModel.isContinuous && !this.leadModel.add && n > (this.slidingWindowInfo.points || 0))) {
+        if (((h == null ? void 0 : h.position) || 0) - this.addSlidingWindowInfo.startInd > (this.addSlidingWindowInfo.points || 0))
+          break;
+        e = n * (((w = this.formatEcgData) == null ? void 0 : w.step) || 0) + this.leadHeadConfig.leadHedeWidth - 9.5, s = 0, (y = this.arrowGroup) == null || y.add(new ee({
+          name: "arrow_box",
+          shape: {
+            points: [
+              [4 + e, 0 + i],
+              [15 + e, 0 + i],
+              [15 + e, 10 + i],
+              [19 + e, 10 + i],
+              [9.5 + e, 22 + i],
+              [0 + e, 10 + i],
+              [4 + e, 10 + i],
+              [4 + e, 0 + i]
+            ]
+          },
+          style: {
+            fill: ((m = (p = this.currentHeardBeat) == null ? void 0 : p.heardBeat) == null ? void 0 : m.index) === (h == null ? void 0 : h.index) ? "blue" : "#ccc"
+          },
+          onclick: (S) => {
+            var N;
+            !this.heartFight.mode || (S.target.attr({
+              style: { fill: "blue" }
+            }), (N = this.arrowGroup) == null || N.children().filter((A) => A.name === "arrow_box").forEach((A) => {
+              A.id !== S.target.id && A.attr({
+                style: { fill: "#ccc" }
+              });
+            }), this.arrowLoopClick(h, S.target));
+          }
+        })), this.heartFight.heartrate && (a = ((W = this.AssistCtx) == null ? void 0 : W.measureText(`${(h == null ? void 0 : h.heartrate) || ""}`).width) || 0, (x = this.arrowGroup) == null || x.add(new C({
+          cursor: "",
+          style: v({
+            x: 4 + e - a * 1.5,
+            y: s + i,
+            text: `${(h == null ? void 0 : h.heartrate) || ""}`
+          }, o)
+        })), s += 12), this.heartFight.interval && (a = ((O = this.AssistCtx) == null ? void 0 : O.measureText(`${(h == null ? void 0 : h.interval) || ""}`).width) || 0, (M = this.arrowGroup) == null || M.add(new C({
+          cursor: "",
+          style: v({
+            x: 4 + e - a * 1.5,
+            y: s + i,
+            text: `${(h == null ? void 0 : h.interval) || ""}`
+          }, o)
+        })), s += 12), this.heartFight.qrstCompany && (a = ((R = this.AssistCtx) == null ? void 0 : R.measureText(`${(h == null ? void 0 : h.qrstCompany) || ""}`).width) || 0, (k = this.arrowGroup) == null || k.add(new C({
+          cursor: "",
+          style: v({
+            x: 4 + e - a * 1.5,
+            y: s + i,
+            text: `${(h == null ? void 0 : h.qrstCompany) || ""}`
+          }, o)
+        })), s += 12), this.heartFight.telectricalaxis && (a = ((B = this.AssistCtx) == null ? void 0 : B.measureText(`${(h == null ? void 0 : h.telectricalaxis) || ""}`).width) || 0, (z = this.arrowGroup) == null || z.add(new C({
+          cursor: "",
+          style: v({
+            x: 4 + e - a * 1.5,
+            y: s + i,
+            text: `${(h == null ? void 0 : h.telectricalaxis) || ""}`
+          }, o)
+        })));
+      }
+    }
+    (j = this.sceneIns) == null || j.add(this.arrowGroup);
+  }
+  arrowLoopClick(t, e) {
+    this.$emit("notifyHeardBeat", te.clone(t)), this.currentHeardBeat.heardBeat = t, this.currentHeardBeat.ele = e, this.drawHeardBeatLine();
+  }
+  drawHeardBeatLine(t = 0) {
+    var n, l, r, f, d, w;
+    if (!this.currentHeardBeat.heardBeat)
+      return;
+    (n = this.heardBeatLineGroup) == null || n.removeAll(), (l = this.sceneIns) == null || l.remove(this.heardBeatLineGroup);
+    let e = this.formatEcgData.processedData.otherParams.AnalyseValue[this.currentHeardBeat.heardBeat.index].KeyPosByBeat, i = 0, a = this.getRednerPoints(), s = this.getAddRednerPoints(), o;
+    for (const p in e)
+      if (["Pstart", "Pend", "QRSstart", "QRSend", "Tstart", "Tend"].includes(p) && Object.prototype.hasOwnProperty.call(e, p)) {
+        i = (e[p] - this.slidingWindowInfo.startInd) * (((r = this.formatEcgData) == null ? void 0 : r.step) || 0);
+        e:
+          for (let m = 0; m < a.length; m++)
+            if (!(this.isLeadOff(m) || this.isLeadDel(m))) {
+              if (t > e[p] || !this.leadModel.isContinuous && e[p] - this.slidingWindowInfo.startInd > (this.slidingWindowInfo.points || 0) || (o = a[m], this.leadModel.isContinuous && m > this.leadModel.line - 1))
+                break e;
+              (f = this.heardBeatLineGroup) == null || f.add(this.createHeardBeatLine(o.pos[0] + i, o.pos[1]));
+            }
+        e:
+          for (let m = 0; m < s.length; m++)
+            if (!(this.isLeadOff(this.longLeadConfig[m]) && this.isLeadDel(this.longLeadConfig[m]))) {
+              if (t > e[p])
+                break e;
+              o = s[m], (d = this.heardBeatLineGroup) == null || d.add(this.createHeardBeatLine(o.pos[0] + i, o.pos[1]));
+            }
+      }
+    (w = this.sceneIns) == null || w.add(this.heardBeatLineGroup), e = null, a = null, s = null;
+  }
+  createHeardBeatLine(t, e) {
+    return new E({
+      cursor: "",
+      shape: {
+        x1: t,
+        y1: e - 10,
+        x2: t,
+        y2: e + 10
+      },
+      style: {
+        stroke: "blue",
+        lineWidth: 1
+      }
+    });
+  }
+  handleScroll(t, e, i) {
+    var a;
+    if (e.type === "horizontal") {
+      e.scrollLeft = e.scrollLeft || 0;
+      const s = b(e.scrollLeft, ((a = this.formatEcgData) == null ? void 0 : a.step) || 1);
+      this.scrollWaveFrom(s), this.scrollRuler(s), this.scrollArrow(s), this.$emit("notifyScrollPointIdx", s);
+    }
+  }
+  scrollWaveFrom(t) {
+    var a, s;
+    this.slidingWindowInfo.startInd = t, this.slidingWindowInfo.endInd = t + (this.slidingWindowInfo.points || 0), this.addSlidingWindowInfo.startInd = t, this.addSlidingWindowInfo.endInd = t + (this.addSlidingWindowInfo.points || 0);
+    let e = this.getRednerPoints(), i = this.getAddRednerPoints();
+    this.waveDataCopy = e, this.addWaveDataCopy = i, (a = this.rowAndColwaveFromGroup) == null || a.eachChild((o, n) => {
+      n = n || 0, o.attr({
+        shape: {
+          points: e[n].data.map(([l, r]) => [
+            l + e[n].pos[0],
+            r + e[n].pos[1]
+          ])
+        }
+      });
+    }), (s = this.addwaveFromGroup) == null || s.eachChild((o, n) => {
+      n = n || 0, o.attr({
+        shape: {
+          points: i[n].data.map(([l, r]) => [
+            l + i[n].pos[0],
+            r + i[n].pos[1]
+          ])
+        }
+      });
+    }), e = null, i = null;
+  }
+  scrollRuler(t) {
+    var i, a, s;
+    (i = this.rulerGroup) == null || i.removeAll(), (a = this.sceneIns) == null || a.remove(this.rulerGroup);
+    const e = H(t, ((s = this.formatEcgData) == null ? void 0 : s.processedData.otherParams.SampleRate) || 0) / 1e3;
+    this.drawRuler(e);
+  }
+  scrollArrow(t) {
+    var e, i;
+    (e = this.arrowGroup) == null || e.removeAll(), (i = this.sceneIns) == null || i.remove(this.arrowGroup), this.drawLoopArrow(t), this.drawHeardBeatLine(t);
+  }
+};
+u([
+  g({
+    required: !0,
+    type: Number,
+    validator: (t) => typeof t == "number"
+  })
+], c.prototype, "width", 2);
+u([
+  g({
+    required: !0,
+    type: Number,
+    validator: (t) => typeof t == "number"
+  })
+], c.prototype, "height", 2);
+u([
+  g({
+    required: !0
+  })
+], c.prototype, "gridConfig", 2);
+u([
+  g({
+    default: 5,
+    type: Number
+  })
+], c.prototype, "cellPoints", 2);
+u([
+  g({
+    required: !0
+  })
+], c.prototype, "conventionalECGConfig", 2);
+u([
+  g({
+    default: () => ({
+      leadHedeWidth: 20,
+      leadHedeColor: "#000",
+      leadHedeLineWidth: 2
+    })
+  })
+], c.prototype, "leadHeadConfig", 2);
+u([
+  g({
+    required: !0
+  })
+], c.prototype, "formatEcgData", 2);
+u([
+  g({
+    required: !0
+  })
+], c.prototype, "leadModel", 2);
+u([
+  g({
+    default: () => ({
+      lineColor: "#000",
+      lineWidth: 1,
+      fontFamily: "\u5FAE\u8F6F\u96C5\u9ED1",
+      fontSize: 15
+    })
+  })
+], c.prototype, "leadConfig", 2);
+u([
+  g({
+    default: () => [1, 6, 10]
+  })
+], c.prototype, "longLeadConfig", 2);
+u([
+  g({
+    default: () => ({
+      isShow: !1,
+      mode: !1,
+      defaultSelect: 2,
+      heartrate: !1,
+      interval: !1,
+      qrstCompany: !1,
+      telectricalaxis: !1
+    })
+  })
+], c.prototype, "heartFight", 2);
+u([
+  g({
+    default: () => ({
+      isShow: !0,
+      scrollPanel: {
+        scrollingY: !1
+      },
+      bar: {
+        keepShow: !0,
+        size: "10px"
+      }
+    })
+  })
+], c.prototype, "vuescrollConfig", 2);
+u([
+  g({
+    default: () => ({
+      isShow: !1
+    })
+  })
+], c.prototype, "rulerConfig", 2);
+u([
+  g({
+    default: () => ({
+      isShow: !1
+    })
+  })
+], c.prototype, "measurRulerConfig", 2);
+u([
+  g({
+    default: () => ({
+      isShow: !1
+    })
+  })
+], c.prototype, "paralleRulerConfig", 2);
+u([
+  g({
+    default: () => ({
+      isShow: !1
+    })
+  })
+], c.prototype, "magnifierRulerConfig", 2);
+u([
+  g({
+    default: 60
+  })
+], c.prototype, "ventricularRate", 2);
+u([
+  g({
+    default: F.CompoundWave
+  })
+], c.prototype, "enlargeWaveMode", 2);
+u([
+  g({
+    default: () => []
+  })
+], c.prototype, "gains", 2);
+u([
+  g({
+    default: () => []
+  })
+], c.prototype, "speeds", 2);
+u([
+  g({
+    default: () => ({
+      defaultSelect: 1
+    })
+  })
+], c.prototype, "singleModeInfo", 2);
+u([
+  J(200)
+], c.prototype, "handleScroll", 1);
+c = u([
+  Q({
+    name: "Methods"
+  })
+], c);
+export {
+  c as default
+};