costy-plus 1.0.10-0

package/dist/es/src/MeasuringRuler/index.vue_vue_type_script_lang.js

@@ -0,0 +1,300 @@
+import "./style/index.css";
+import x from "vue";
+import I 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 u } from "../../node_modules/.pnpm/vue-property-decorator@9.1.2_zrnidtknow37s43kh2nsmp2h4u/node_modules/vue-property-decorator/lib/decorators/Prop.js";
+import { Text as v, Group as w, Rect as y, Circle as D, init as L } from "zrender";
+import { calcMs as b, calcMV as z, calcBpm as M } from "@costy-plus/utils";
+var R = Object.defineProperty, C = Object.getOwnPropertyDescriptor, l = (e, t, s, i) => {
+  for (var r = i > 1 ? void 0 : i ? C(t, s) : t, c = e.length - 1, n; c >= 0; c--)
+    (n = e[c]) && (r = (i ? n(t, s, r) : n(r)) || r);
+  return i && r && R(t, s, r), r;
+};
+let a = class extends x {
+  constructor() {
+    super(...arguments), this.sceneIns = Object.freeze(null), this.measuringRulerGroup = Object.freeze(null), this.rectIns = Object.freeze(null), this.textIns = Object.freeze(null), this.fontFamily = Object.freeze("\u5FAE\u8F6F\u96C5\u9ED1"), this.circleList = Object.freeze([]), this.isMouseDown = Object.freeze(!1), this.circleDragPos = Object.freeze({
+      x: 0,
+      y: 0
+    });
+  }
+  destroyed() {
+    var e, t;
+    (e = this.measuringRulerGroup) == null || e.removeAll(), (t = this.sceneIns) == null || t.dispose();
+  }
+  created() {
+    this.initConfig();
+  }
+  initConfig() {
+    this.circleList = [], this.circleDragPos = {
+      x: 0,
+      y: 0
+    }, this.textIns = new v({
+      style: {
+        lineHeight: this.config.textFontSize + 4,
+        fontSize: this.config.textFontSize,
+        fill: this.config.textColor,
+        fontFamily: this.fontFamily,
+        fontWeight: "bold"
+      }
+    }), this.measuringRulerGroup = new w({
+      name: "measuringRuler"
+    }), this.rectIns = new y({
+      name: "rect",
+      style: {
+        stroke: this.config.stroke,
+        lineWidth: this.config.lineW,
+        fill: "transparent"
+      },
+      shape: {
+        x: 0,
+        y: 0
+      },
+      cursor: "move",
+      draggable: !0
+    });
+    let e;
+    const t = ["nw-resize", "ne-resize", "se-resize", "sw-resize"];
+    for (let s = 0; s < 4; s++)
+      e = new D({
+        name: `${s}_circle`,
+        style: {
+          stroke: this.config.circleLinestroke,
+          lineWidth: this.config.circleLineW,
+          fill: "transparent"
+        },
+        shape: {
+          r: 12
+        },
+        cursor: t[s],
+        zlevel: 1,
+        draggable: !0
+      }), e.hide(), this.measuringRulerGroup.add(e), this.circleList.push(e);
+    this.measuringRulerGroup.add(
+      new y({
+        name: "main-box",
+        style: {
+          fill: "transparent"
+        },
+        shape: {
+          x: 0,
+          y: 0,
+          width: this.width,
+          height: this.height
+        },
+        cursor: "crosshair"
+      })
+    ), this.measuringRulerGroup.add(this.rectIns), this.measuringRulerGroup.add(this.textIns);
+  }
+  mounted() {
+    this.init();
+  }
+  init() {
+    var t;
+    const e = document.getElementById("mx-measuring-ruler");
+    this.sceneIns = L(e, {
+      width: this.width,
+      height: this.height,
+      devicePixelRatio: 2
+    }), (t = this.sceneIns) == null || t.add(this.measuringRulerGroup), this.sceneAddToEventListener(), this.rectAddToEventListener(), this.circleAddToEventListener();
+  }
+  calcText() {
+    var i, r, c, n, o, h, f, p;
+    const e = b(
+      ((i = this.rectIns) == null ? void 0 : i.shape.width) || 0,
+      this.speedValue,
+      this.cellMg,
+      this.magnification
+    ), t = z(
+      ((r = this.rectIns) == null ? void 0 : r.shape.height) || 0,
+      this.sens,
+      this.magnification
+    ), s = e !== 0 && M(e) || 0;
+    (p = this.textIns) == null || p.attr({
+      style: {
+        text: `${e} ms
+ ${s} bpm
+ ${t} mV`,
+        x: (((c = this.rectIns) == null ? void 0 : c.x) || 0) + (((n = this.rectIns) == null ? void 0 : n.shape.x) || 0) + (((o = this.rectIns) == null ? void 0 : o.shape.width) || 0) + 20,
+        y: (((h = this.rectIns) == null ? void 0 : h.y) || 0) + (((f = this.rectIns) == null ? void 0 : f.shape.y) || 0)
+      }
+    });
+  }
+  circleHideOrShow(e) {
+    this.circleList.forEach((t) => e ? t.show() : t.hide());
+  }
+  sceneAddToEventListener() {
+    var t, s, i, r;
+    const e = (c) => {
+      c.event.preventDefault(), this.$emit("notifyMeasuringRuler", {
+        name: "contextmenu"
+      });
+    };
+    (t = this.sceneIns) == null || t.on("contextmenu", e), (s = this.sceneIns) == null || s.on("mousedown", this.sceneMousedown), (i = this.sceneIns) == null || i.on("mousemove", this.scenemousemove), (r = this.sceneIns) == null || r.on("mouseup", this.scenemouseup), this.$once("hook:beforeDestroy", () => {
+      var c, n, o, h;
+      (c = this.sceneIns) == null || c.off("contextmenu", e), (n = this.sceneIns) == null || n.off("mousedown", this.sceneMousedown), (o = this.sceneIns) == null || o.off("mousemove", this.scenemousemove), (h = this.sceneIns) == null || h.off("mouseup", this.scenemouseup);
+    });
+  }
+  sceneRemoveEventListener() {
+    var e, t, s;
+    (e = this.sceneIns) == null || e.off("mousedown", this.sceneMousedown), (t = this.sceneIns) == null || t.off("mousemove", this.scenemousemove), (s = this.sceneIns) == null || s.off("mouseup", this.scenemouseup);
+  }
+  sceneMousedown(e) {
+    var t;
+    this.isMouseDown = !0, (t = this.rectIns) == null || t.attr({
+      shape: {
+        x: e.offsetX,
+        y: e.offsetY
+      }
+    });
+  }
+  scenemousemove(e) {
+    var t;
+    !this.isMouseDown || (t = this.rectIns) == null || t.attr({
+      shape: {
+        width: e.offsetX - this.rectIns.shape.x,
+        height: e.offsetY - this.rectIns.shape.y
+      }
+    });
+  }
+  scenemouseup(e) {
+    var t, s, i, r, c, n, o, h, f, p, m, g, d;
+    this.isMouseDown = !1, (t = this.rectIns) == null || t.attr({
+      shape: {
+        width: e.offsetX - this.rectIns.shape.x,
+        height: e.offsetY - this.rectIns.shape.y
+      }
+    }), this.circleList[0].attr({
+      x: (s = this.rectIns) == null ? void 0 : s.shape.x,
+      y: (i = this.rectIns) == null ? void 0 : i.shape.y
+    }), this.circleList[1].attr({
+      x: e.offsetX - (((r = this.rectIns) == null ? void 0 : r.shape.x) || 0) + (((c = this.rectIns) == null ? void 0 : c.shape.x) || 0),
+      y: (n = this.rectIns) == null ? void 0 : n.shape.y
+    }), this.circleList[2].attr({
+      x: e.offsetX - (((o = this.rectIns) == null ? void 0 : o.shape.x) || 0) + (((h = this.rectIns) == null ? void 0 : h.shape.x) || 0),
+      y: e.offsetY - (((f = this.rectIns) == null ? void 0 : f.shape.y) || 0) + (((p = this.rectIns) == null ? void 0 : p.shape.y) || 0)
+    }), this.circleList[3].attr({
+      x: (m = this.rectIns) == null ? void 0 : m.shape.x,
+      y: e.offsetY - (((g = this.rectIns) == null ? void 0 : g.shape.y) || 0) + (((d = this.rectIns) == null ? void 0 : d.shape.y) || 0)
+    }), this.calcText(), this.circleHideOrShow(!0), this.sceneRemoveEventListener();
+  }
+  rectAddToEventListener() {
+    var e;
+    (e = this.rectIns) == null || e.on("drag", this.rectDrag), this.$once("hook:beforeDestroy", () => {
+      var t;
+      (t = this.rectIns) == null || t.on("drag", this.rectDrag);
+    });
+  }
+  rectDrag(e) {
+    this.circleList.forEach((t) => {
+      t.attr({
+        shape: {
+          cx: e.target.x,
+          cy: e.target.y
+        }
+      });
+    }), this.calcText(), console.log("rectDrag--\u8FD9\u91CC");
+  }
+  circleAddToEventListener() {
+    this.circleList.forEach((e) => {
+      e.on("drag", this.circleDrag), e.on("dragstart", this.circleDragStart);
+    }), this.$once("hook:beforeDestroy", () => {
+      this.circleList.forEach((e) => {
+        e.off("drag", this.circleDrag), e.off("dragstart", this.circleDragStart);
+      });
+    });
+  }
+  circleDragStart(e) {
+    console.log("circleDragStart--\u8FD9\u91CC", e), this.circleDragPos.x = e.offsetX, this.circleDragPos.y = e.offsetY;
+  }
+  circleDrag(e) {
+    var h;
+    console.log("circleDrag--\u8FD9\u91CC", e);
+    const t = parseInt(e.target.name);
+    if (isNaN(t))
+      return;
+    const s = e.offsetX - this.circleDragPos.x, i = e.offsetY - this.circleDragPos.y;
+    this.circleDragPos.x = e.offsetX, this.circleDragPos.y = e.offsetY;
+    let r = this.rectIns.shape.x, c = this.rectIns.shape.y, n = this.rectIns.shape.width, o = this.rectIns.shape.height;
+    console.log("moveX", s, i), t === 0 ? (r += s, c += i, s < 0 ? n += -s : n -= s, i < 0 ? o += -i : o -= i, this.circleList[1].attr({
+      y: e.target.y
+    }), this.circleList[3].attr({
+      x: e.target.x
+    })) : t === 1 ? (c += i, n += s, i < 0 ? o += -i : o -= i, this.circleList[0].attr({
+      y: e.target.y
+    }), this.circleList[2].attr({
+      x: e.target.x
+    })) : t === 2 ? (n += s, o += i, this.circleList[3].attr({
+      y: e.target.y
+    }), this.circleList[1].attr({
+      x: e.target.x
+    })) : t === 3 && (r += s, s < 0 ? n += -s : n -= s, o += i, this.circleList[2].attr({
+      y: e.target.y
+    }), this.circleList[0].attr({
+      x: e.target.x
+    })), (h = this.rectIns) == null || h.attr({
+      shape: {
+        x: r,
+        y: c,
+        width: n,
+        height: o
+      }
+    }), this.calcText();
+  }
+};
+l([
+  u({
+    required: !0,
+    type: Number,
+    validator: (e) => typeof e == "number"
+  })
+], a.prototype, "width", 2);
+l([
+  u({
+    required: !0,
+    type: Number,
+    validator: (e) => typeof e == "number"
+  })
+], a.prototype, "height", 2);
+l([
+  u({
+    default: () => ({
+      lineW: 1,
+      stroke: "#00C800",
+      circleLineW: 1,
+      circleLinestroke: "blue",
+      textColor: "#000",
+      textFontSize: 12
+    })
+  })
+], a.prototype, "config", 2);
+l([
+  u({
+    required: !0
+  })
+], a.prototype, "speedValue", 2);
+l([
+  u({
+    required: !0
+  })
+], a.prototype, "cellMg", 2);
+l([
+  u({
+    default: 1
+  })
+], a.prototype, "magnification", 2);
+l([
+  u({
+    default: 1
+  })
+], a.prototype, "sens", 2);
+l([
+  u({ default: () => "" })
+], a.prototype, "className", 2);
+a = l([
+  I({
+    name: "MXMeasuringRuler"
+  })
+], a);
+export {
+  a as default
+};

package/dist/es/src/MeasuringRuler/index.vue_vue_type_template_lang.js

@@ -0,0 +1,17 @@
+var a = function() {
+  var e = this, r = e.$createElement, t = e._self._c || r;
+  return t("div", {
+    class: e.className,
+    style: {
+      width: `${e.width}px`,
+      height: `${e.height}px`
+    },
+    attrs: {
+      id: "mx-measuring-ruler"
+    }
+  });
+}, s = [];
+export {
+  a as render,
+  s as staticRenderFns
+};

package/dist/es/src/MeasuringRuler/index2.js

@@ -0,0 +1,24 @@
+import o from "./index.vue_vue_type_script_lang.js";
+import { staticRenderFns as t, render as r } from "./index.vue_vue_type_template_lang.js";
+import l from "../../_virtual/vueComponentNormalizer.js";
+const e = {};
+var s = /* @__PURE__ */ l(
+  o,
+  r,
+  t,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(i) {
+  for (let n in e)
+    this[n] = e[n];
+}
+const a = /* @__PURE__ */ function() {
+  return s.exports;
+}();
+export {
+  a as default
+};

package/dist/es/src/ParallelRuler/index.js

@@ -0,0 +1,6 @@
+import l from "./index2.js";
+import { withInstall as r } from "@costy-plus/utils";
+const e = r(l);
+export {
+  e as default
+};

package/dist/es/src/ParallelRuler/index.vue.d.ts

@@ -0,0 +1,46 @@
+import { Vue } from 'vue-property-decorator';
+import { ZRenderType, Group, Rect, ElementEvent, Circle, Text } from 'zrender';
+declare class MXParallelRuler extends Vue {
+    protected width: number;
+    protected height: number;
+    protected config: MXParallelRulerConfig;
+    /** 走纸速度 */
+    protected speedValue: number;
+    /** 小格子距离 */
+    protected cellMg: number;
+    /** 放大倍数 */
+    protected magnification: number;
+    /** 增益 */
+    protected sens: number;
+    protected heartRate: number;
+    protected className: string;
+    protected sceneIns: Readonly<ZRenderType | null>;
+    protected parallelRulerGroup: Readonly<Group | null>;
+    protected lineGroup: Readonly<Group | null>;
+    protected rectIns: Readonly<Rect | null>;
+    protected textIns: Readonly<Text | null>;
+    protected fontFamily: string;
+    /** 左上,右上 */
+    protected circleList: readonly Circle[];
+    protected circleDragPos: Readonly<{
+        x: number;
+    }>;
+    protected destroyed(): void;
+    protected created(): void;
+    protected initConfig(): void;
+    protected mounted(): void;
+    protected init(): void;
+    protected createLines(): void;
+    protected circleHideOrShow(isShow: boolean): void;
+    protected calcText(): void;
+    protected sceneAddToEventListener(): void;
+    protected sceneClick(e: ElementEvent): void;
+    protected sceneMousewheel(e: ElementEvent): void;
+    protected rectAddToEventListener(): void;
+    protected rectDrag(e: ElementEvent): void;
+    protected circleAddToEventListener(): void;
+    protected circleDragStart(e: ElementEvent): void;
+    protected circleDrag(e: ElementEvent): void;
+}
+declare const _sfc_main: typeof MXParallelRuler;
+export default _sfc_main;