costy-plus 1.1.2-0 → 1.1.4-0

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

@@ -10,14 +10,15 @@ import "../../node_modules/.pnpm/vue-property-decorator@9.1.2_vue-class-componen
 import { Button as a, Checkbox as m, Descriptions as c, DescriptionsItem as h } from "element-ui";
 import u from "../BackgroundGrid/index2.js";
 import f from "../MeasuringRuler/index2.js";
-import { init as g } from "zrender";
-import v from "./medthod.js";
-var x = Object.defineProperty, w = Object.getOwnPropertyDescriptor, M = (e, i, n, r) => {
-  for (var t = r > 1 ? void 0 : r ? w(i, n) : i, o = e.length - 1, s; o >= 0; o--)
+import g from "../MeasuringRulerMore/index2.js";
+import { init as v } from "zrender";
+import x from "./medthod.js";
+var w = Object.defineProperty, M = Object.getOwnPropertyDescriptor, W = (e, i, n, r) => {
+  for (var t = r > 1 ? void 0 : r ? M(i, n) : i, o = e.length - 1, s; o >= 0; o--)
     (s = e[o]) && (t = (r ? s(i, n, t) : s(t)) || t);
-  return r && t && x(i, n, t), t;
+  return r && t && w(i, n, t), t;
 };
-let p = class extends d(v) {
+let p = class extends d(x) {
   mounted() {
     this.init();
   }
@@ -28,7 +29,7 @@ let p = class extends d(v) {
     const e = document.getElementById(
       `${this.prefixId}enlarge-wave-from-box`
     );
-    this.sceneIns = g(e, {
+    this.sceneIns = v(e, {
       width: this.containerWH.width,
       height: this.containerWH.height,
       devicePixelRatio: 2
@@ -45,12 +46,13 @@ let p = class extends d(v) {
     this.createLeadHead(), this.createLeadName(), this.createSensAndSpeed(), this.createWaveFrom(), this.drawWaveFrom(), this.drawMeasureLine(), this.calculatedValue(), this.electricAxisAnalyse(), this.processEnlargeAnalysis();
   }
 };
-p = M([
+p = W([
   l({
     name: "EnlargeWaveView",
     components: {
       MXBackgroundGrid: u,
       MXMeasuringRuler: f,
+      MeasuringRulerMore: g,
       [a.name]: a,
       [m.name]: m,
       [c.name]: c,

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

@@ -21,7 +21,7 @@ declare class MXMeasuringRuler extends Vue {
     protected rectIns: Readonly<Rect | null>;
     protected textIns: Readonly<Text | null>;
     protected fontFamily: string;
-    /** 左上,右上,右下,左下 */
+    /** 左上,右上,右下,左下,上,右,下,左 */
     protected circleList: readonly Circle[];
     protected isMouseDown: Readonly<boolean>;
     protected circleDragPos: Readonly<{

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

@@ -1,16 +1,16 @@
 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 X from "vue";
+import O 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_vue-class-component@7.2.6_vue@2.6.14/node_modules/vue-property-decorator/lib/decorators/Emit.js";
-import { Prop as u } from "../../node_modules/.pnpm/vue-property-decorator@9.1.2_vue-class-component@7.2.6_vue@2.6.14/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, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (r = (i ? n(t, s, r) : n(r)) || r);
-  return i && r && R(t, s, r), r;
+import { Prop as p } from "../../node_modules/.pnpm/vue-property-decorator@9.1.2_vue-class-component@7.2.6_vue@2.6.14/node_modules/vue-property-decorator/lib/decorators/Prop.js";
+import { Text as P, Group as F, Rect as u, Circle as Y, init as T } from "zrender";
+import { calcMs as j, calcMV as S, calcBpm as $ } from "@costy-plus/utils";
+var G = Object.defineProperty, W = Object.getOwnPropertyDescriptor, l = (t, e, s, h) => {
+  for (var c = h > 1 ? void 0 : h ? W(e, s) : e, a = t.length - 1, i; a >= 0; a--)
+    (i = t[a]) && (c = (h ? i(e, s, c) : i(c)) || c);
+  return h && c && G(e, s, c), c;
 };
-let a = class extends x {
+let o = 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,
@@ -18,8 +18,8 @@ let a = class extends x {
     });
   }
   destroyed() {
-    var e, t;
-    (e = this.measuringRulerGroup) == null || e.removeAll(), (t = this.sceneIns) == null || t.dispose();
+    var t, e;
+    (t = this.measuringRulerGroup) == null || t.removeAll(), (e = this.sceneIns) == null || e.dispose();
   }
   created() {
     this.initConfig();
@@ -28,7 +28,7 @@ let a = class extends x {
     this.circleList = [], this.circleDragPos = {
       x: 0,
       y: 0
-    }, this.textIns = new v({
+    }, this.textIns = new P({
       style: {
         lineHeight: this.config.textFontSize + 4,
         fontSize: this.config.textFontSize,
@@ -36,9 +36,9 @@ let a = class extends x {
         fontFamily: this.fontFamily,
         fontWeight: "bold"
       }
-    }), this.measuringRulerGroup = new w({
+    }), this.measuringRulerGroup = new F({
       name: "measuringRuler"
-    }), this.rectIns = new y({
+    }), this.rectIns = new u({
       name: "rect",
       style: {
         stroke: this.config.stroke,
@@ -52,10 +52,24 @@ let a = class extends x {
       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({
+    let t;
+    const e = ["nw-resize", "ne-resize", "se-resize", "sw-resize", "n-resize", "e-resize", "s-resize", "w-resize"];
+    for (let s = 0; s < 8; s++)
+      s > 3 ? t = new u({
+        name: `${s}_circle`,
+        style: {
+          stroke: this.config.circleLinestroke,
+          lineWidth: this.config.circleLineW,
+          fill: "transparent"
+        },
+        shape: {
+          width: 12,
+          height: 12
+        },
+        cursor: e[s],
+        zlevel: 1,
+        draggable: !0
+      }) : t = new Y({
         name: `${s}_circle`,
         style: {
           stroke: this.config.circleLinestroke,
@@ -65,12 +79,12 @@ let a = class extends x {
         shape: {
           r: 12
         },
-        cursor: t[s],
+        cursor: e[s],
         zlevel: 1,
         draggable: !0
-      }), e.hide(), this.measuringRulerGroup.add(e), this.circleList.push(e);
+      }), t.hide(), this.measuringRulerGroup.add(t), this.circleList.push(t);
     this.measuringRulerGroup.add(
-      new y({
+      new u({
         name: "main-box",
         style: {
           fill: "transparent"
@@ -89,181 +103,355 @@ let a = class extends x {
     this.init();
   }
   init() {
-    var t;
-    const e = document.getElementById(
+    var e;
+    const t = document.getElementById(
       `${this.prefixId}mx-measuring-ruler`
     );
-    this.sceneIns = L(e, {
+    this.sceneIns = T(t, {
       width: this.width,
       height: this.height,
       devicePixelRatio: 2
-    }), (t = this.sceneIns) == null || t.add(this.measuringRulerGroup), this.sceneAddToEventListener(), this.rectAddToEventListener(), this.circleAddToEventListener();
+    }), (e = this.sceneIns) == null || e.add(this.measuringRulerGroup), this.sceneAddToEventListener(), this.rectAddToEventListener(), this.circleAddToEventListener();
   }
   calcText() {
-    var i, r, o, n, c, h, f, p;
-    const e = b(
-      ((i = this.rectIns) == null ? void 0 : i.shape.width) || 0,
+    var h, c, a, i, r, n, f, g;
+    const t = j(
+      ((h = this.rectIns) == null ? void 0 : h.shape.width) || 0,
       this.speedValue,
       this.cellMg,
       this.magnification
-    ), t = z(
-      ((r = this.rectIns) == null ? void 0 : r.shape.height) || 0,
+    ), e = S(
+      ((c = this.rectIns) == null ? void 0 : c.shape.height) || 0,
       this.sens,
       this.magnification
-    ), s = e !== 0 && M(e) || 0;
-    (p = this.textIns) == null || p.attr({
+    ), s = t !== 0 && $(t) || 0;
+    (g = this.textIns) == null || g.attr({
       style: {
-        text: `${e} ms
+        text: `${t} ms
  ${s} bpm
- ${t} mV`,
-        x: (((o = this.rectIns) == null ? void 0 : o.x) || 0) + (((n = this.rectIns) == null ? void 0 : n.shape.x) || 0) + (((c = this.rectIns) == null ? void 0 : c.shape.width) || 0) + 20,
-        y: (((h = this.rectIns) == null ? void 0 : h.y) || 0) + (((f = this.rectIns) == null ? void 0 : f.shape.y) || 0)
+ ${e} mV`,
+        x: (((a = this.rectIns) == null ? void 0 : a.x) || 0) + (((i = this.rectIns) == null ? void 0 : i.shape.x) || 0) + (((r = this.rectIns) == null ? void 0 : r.shape.width) || 0) + 20,
+        y: (((n = this.rectIns) == null ? void 0 : n.y) || 0) + (((f = this.rectIns) == null ? void 0 : f.shape.y) || 0)
       }
     });
   }
-  circleHideOrShow(e) {
-    this.circleList.forEach((t) => e ? t.show() : t.hide());
+  circleHideOrShow(t) {
+    this.circleList.forEach((e) => t ? e.show() : e.hide());
   }
   sceneAddToEventListener() {
-    var t, s, i, r;
-    const e = (o) => {
-      o.event.preventDefault(), this.$emit("notifyMeasuringRuler", {
+    var e, s, h, c;
+    const t = (a) => {
+      a.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 o, n, c, h;
-      (o = this.sceneIns) == null || o.off("contextmenu", e), (n = this.sceneIns) == null || n.off("mousedown", this.sceneMousedown), (c = this.sceneIns) == null || c.off("mousemove", this.scenemousemove), (h = this.sceneIns) == null || h.off("mouseup", this.scenemouseup);
+    (e = this.sceneIns) == null || e.on("contextmenu", t), (s = this.sceneIns) == null || s.on("mousedown", this.sceneMousedown), (h = this.sceneIns) == null || h.on("mousemove", this.scenemousemove), (c = this.sceneIns) == null || c.on("mouseup", this.scenemouseup), this.$once("hook:beforeDestroy", () => {
+      var a, i, r, n;
+      (a = this.sceneIns) == null || a.off("contextmenu", t), (i = this.sceneIns) == null || i.off("mousedown", this.sceneMousedown), (r = this.sceneIns) == null || r.off("mousemove", this.scenemousemove), (n = this.sceneIns) == null || n.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);
+    var t, e, s;
+    (t = this.sceneIns) == null || t.off("mousedown", this.sceneMousedown), (e = this.sceneIns) == null || e.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({
+  sceneMousedown(t) {
+    var e;
+    this.isMouseDown = !0, (e = this.rectIns) == null || e.attr({
       shape: {
-        x: e.offsetX,
-        y: e.offsetY
+        x: t.offsetX,
+        y: t.offsetY
       }
     });
   }
-  scenemousemove(e) {
-    var t;
-    !this.isMouseDown || (t = this.rectIns) == null || t.attr({
+  scenemousemove(t) {
+    var e;
+    !this.isMouseDown || (e = this.rectIns) == null || e.attr({
       shape: {
-        width: e.offsetX - this.rectIns.shape.x,
-        height: e.offsetY - this.rectIns.shape.y
+        width: t.offsetX - this.rectIns.shape.x,
+        height: t.offsetY - this.rectIns.shape.y
       }
     });
   }
-  scenemouseup(e) {
-    var t, s, i, r, o, n, c, h, f, p, m, g, d;
-    this.isMouseDown = !1, (t = this.rectIns) == null || t.attr({
+  scenemouseup(t) {
+    var e, s, h, c, a, i, r, n, f, g, x, y, d, m, I, L, w, v, D, b, z, M, R, C, E;
+    this.isMouseDown = !1, (e = this.rectIns) == null || e.attr({
       shape: {
-        width: e.offsetX - this.rectIns.shape.x,
-        height: e.offsetY - this.rectIns.shape.y
+        width: t.offsetX - this.rectIns.shape.x,
+        height: t.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
+      y: (h = this.rectIns) == null ? void 0 : h.shape.y
     }), this.circleList[1].attr({
-      x: e.offsetX - (((r = this.rectIns) == null ? void 0 : r.shape.x) || 0) + (((o = this.rectIns) == null ? void 0 : o.shape.x) || 0),
-      y: (n = this.rectIns) == null ? void 0 : n.shape.y
+      x: t.offsetX - (((c = this.rectIns) == null ? void 0 : c.shape.x) || 0) + (((a = this.rectIns) == null ? void 0 : a.shape.x) || 0),
+      y: (i = this.rectIns) == null ? void 0 : i.shape.y
     }), this.circleList[2].attr({
-      x: e.offsetX - (((c = this.rectIns) == null ? void 0 : c.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)
+      x: t.offsetX - (((r = this.rectIns) == null ? void 0 : r.shape.x) || 0) + (((n = this.rectIns) == null ? void 0 : n.shape.x) || 0),
+      y: t.offsetY - (((f = this.rectIns) == null ? void 0 : f.shape.y) || 0) + (((g = this.rectIns) == null ? void 0 : g.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)
+      x: (x = this.rectIns) == null ? void 0 : x.shape.x,
+      y: t.offsetY - (((y = this.rectIns) == null ? void 0 : y.shape.y) || 0) + (((d = this.rectIns) == null ? void 0 : d.shape.y) || 0)
+    }), this.circleList[4].attr({
+      x: ((m = this.rectIns) == null ? void 0 : m.shape.x) + 12,
+      y: ((I = this.rectIns) == null ? void 0 : I.shape.y) - 12,
+      shape: {
+        width: t.offsetX - this.rectIns.shape.x - 24,
+        height: 24
+      }
+    }), this.circleList[5].attr({
+      x: t.offsetX - (((L = this.rectIns) == null ? void 0 : L.shape.x) || 0) + (((w = this.rectIns) == null ? void 0 : w.shape.x) || 0) - 12,
+      y: ((v = this.rectIns) == null ? void 0 : v.shape.y) + 12,
+      shape: {
+        width: 24,
+        height: t.offsetY - ((D = this.rectIns) == null ? void 0 : D.shape.y) - 24
+      }
+    }), this.circleList[6].attr({
+      x: ((b = this.rectIns) == null ? void 0 : b.shape.x) + 12,
+      y: t.offsetY - (((z = this.rectIns) == null ? void 0 : z.shape.y) || 0) + (((M = this.rectIns) == null ? void 0 : M.shape.y) || 0) - 12,
+      shape: {
+        width: t.offsetX - this.rectIns.shape.x - 24,
+        height: 24
+      }
+    }), this.circleList[7].attr({
+      x: ((R = this.rectIns) == null ? void 0 : R.shape.x) - 12,
+      y: ((C = this.rectIns) == null ? void 0 : C.shape.y) + 12,
+      shape: {
+        width: 24,
+        height: t.offsetY - ((E = this.rectIns) == null ? void 0 : E.shape.y) - 24
+      }
     }), 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);
+    var t;
+    (t = this.rectIns) == null || t.on("drag", this.rectDrag), this.$once("hook:beforeDestroy", () => {
+      var e;
+      (e = this.rectIns) == null || e.on("drag", this.rectDrag);
     });
   }
-  rectDrag(e) {
-    this.circleList.forEach((t) => {
-      t.attr({
+  rectDrag(t) {
+    this.circleList.forEach((e, s) => {
+      s > 3 ? e.attr({
         shape: {
-          cx: e.target.x,
-          cy: e.target.y
+          x: t.target.x,
+          y: t.target.y
+        }
+      }) : e.attr({
+        shape: {
+          cx: t.target.x,
+          cy: t.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.circleList.forEach((t) => {
+      t.on("drag", this.circleDrag), t.on("dragstart", this.circleDragStart);
     }), this.$once("hook:beforeDestroy", () => {
-      this.circleList.forEach((e) => {
-        e.off("drag", this.circleDrag), e.off("dragstart", this.circleDragStart);
+      this.circleList.forEach((t) => {
+        t.off("drag", this.circleDrag), t.off("dragstart", this.circleDragStart);
       });
     });
   }
-  circleDragStart(e) {
-    console.log("circleDragStart--\u8FD9\u91CC", e), this.circleDragPos.x = e.offsetX, this.circleDragPos.y = e.offsetY;
+  circleDragStart(t) {
+    console.log("circleDragStart--\u8FD9\u91CC", t), this.circleDragPos.x = t.offsetX, this.circleDragPos.y = t.offsetY;
   }
-  circleDrag(e) {
-    var h;
-    console.log("circleDrag--\u8FD9\u91CC", e);
-    const t = parseInt(e.target.name);
-    if (isNaN(t))
+  circleDrag(t) {
+    var n;
+    console.log("circleDrag--\u8FD9\u91CC", t);
+    const e = parseInt(t.target.name);
+    if (isNaN(e))
       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, o = this.rectIns.shape.y, n = this.rectIns.shape.width, c = this.rectIns.shape.height;
-    console.log("moveX", s, i), t === 0 ? (r += s, o += i, s < 0 ? n += -s : n -= s, i < 0 ? c += -i : c -= i, this.circleList[1].attr({
-      y: e.target.y
+    const s = t.offsetX - this.circleDragPos.x, h = t.offsetY - this.circleDragPos.y;
+    this.circleDragPos.x = t.offsetX, this.circleDragPos.y = t.offsetY;
+    let c = this.rectIns.shape.x, a = this.rectIns.shape.y, i = this.rectIns.shape.width, r = this.rectIns.shape.height;
+    console.log("moveX", s, h), e === 0 ? (c += s, a += h, s < 0 ? i += -s : i -= s, h < 0 ? r += -h : r -= h, this.circleList[1].attr({
+      y: t.target.y
     }), this.circleList[3].attr({
-      x: e.target.x
-    })) : t === 1 ? (o += i, n += s, i < 0 ? c += -i : c -= i, this.circleList[0].attr({
-      y: e.target.y
+      x: t.target.x
+    }), this.circleList[4].attr({
+      x: t.target.x + 12,
+      y: t.target.y - 12,
+      shape: {
+        width: i - 24
+      }
+    }), this.circleList[7].attr({
+      x: t.target.x - 12,
+      y: t.target.y + 12,
+      shape: {
+        height: r - 24
+      }
+    }), this.circleList[5].attr({
+      y: t.target.y + 12,
+      shape: {
+        height: r - 24
+      }
+    }), this.circleList[6].attr({
+      x: t.target.x + 12,
+      shape: {
+        width: i - 24
+      }
+    })) : e === 1 ? (a += h, i += s, h < 0 ? r += -h : r -= h, this.circleList[0].attr({
+      y: t.target.y
     }), this.circleList[2].attr({
-      x: e.target.x
-    })) : t === 2 ? (n += s, c += i, this.circleList[3].attr({
-      y: e.target.y
+      x: t.target.x
+    }), this.circleList[4].attr({
+      x: t.target.x - i + 12,
+      y: t.target.y - 12,
+      shape: {
+        width: i - 24
+      }
+    }), this.circleList[5].attr({
+      x: t.target.x - 12,
+      y: t.target.y + 12,
+      shape: {
+        height: r - 24
+      }
+    }), this.circleList[6].attr({
+      shape: {
+        width: i - 24
+      }
+    }), this.circleList[7].attr({
+      y: t.target.y + 12,
+      shape: {
+        height: r - 24
+      }
+    })) : e === 2 ? (i += s, r += h, this.circleList[3].attr({
+      y: t.target.y
     }), this.circleList[1].attr({
-      x: e.target.x
-    })) : t === 3 && (r += s, s < 0 ? n += -s : n -= s, c += i, this.circleList[2].attr({
-      y: e.target.y
+      x: t.target.x
+    }), this.circleList[5].attr({
+      x: t.target.x - 12,
+      shape: {
+        height: r - 24
+      }
+    }), this.circleList[6].attr({
+      y: t.target.y - 12,
+      shape: {
+        width: i - 24
+      }
+    }), this.circleList[4].attr({
+      shape: {
+        width: i - 24
+      }
+    }), this.circleList[7].attr({
+      shape: {
+        height: r - 24
+      }
+    })) : e === 3 ? (c += s, s < 0 ? i += -s : i -= s, r += h, this.circleList[2].attr({
+      y: t.target.y
     }), this.circleList[0].attr({
-      x: e.target.x
-    })), (h = this.rectIns) == null || h.attr({
+      x: t.target.x
+    }), this.circleList[6].attr({
+      x: t.target.x + 12,
+      y: t.target.y - 12,
+      shape: {
+        width: i - 24
+      }
+    }), this.circleList[7].attr({
+      x: t.target.x - 12,
+      shape: {
+        height: r - 24
+      }
+    }), this.circleList[4].attr({
+      x: t.target.x + 12,
+      shape: {
+        width: i - 24
+      }
+    }), this.circleList[5].attr({
+      shape: {
+        height: r - 24
+      }
+    })) : e === 4 ? (a += h, h < 0 ? r += -h : r -= h, this.circleList[0].attr({
+      y: t.target.y + 12
+    }), this.circleList[1].attr({
+      y: t.target.y + 12
+    }), this.circleList[5].attr({
+      y: t.target.y + 24,
+      shape: {
+        height: r - 24
+      }
+    }), this.circleList[7].attr({
+      y: t.target.y + 24,
+      shape: {
+        height: r - 24
+      }
+    }), this.circleList[4].attr({
+      x: c + 12
+    })) : e === 5 ? (i += s, this.circleList[1].attr({
+      x: t.target.x + 12
+    }), this.circleList[2].attr({
+      x: t.target.x + 12
+    }), this.circleList[4].attr({
+      shape: {
+        width: i - 24
+      }
+    }), this.circleList[6].attr({
+      shape: {
+        width: i - 24
+      }
+    }), this.circleList[5].attr({
+      y: a + 12
+    })) : e === 6 ? (r += h, this.circleList[2].attr({
+      y: t.target.y + 12
+    }), this.circleList[3].attr({
+      y: t.target.y + 12
+    }), this.circleList[5].attr({
+      shape: {
+        height: r - 24
+      }
+    }), this.circleList[7].attr({
+      shape: {
+        height: r - 24
+      }
+    }), this.circleList[6].attr({
+      x: c + 12
+    })) : e === 7 && (c += s, s < 0 ? i += -s : i -= s, this.circleList[0].attr({
+      x: t.target.x + 12
+    }), this.circleList[3].attr({
+      x: t.target.x + 12
+    }), this.circleList[4].attr({
+      x: t.target.x + 24,
+      shape: {
+        width: i - 24
+      }
+    }), this.circleList[6].attr({
+      x: t.target.x + 24,
+      shape: {
+        width: i - 24
+      }
+    }), this.circleList[7].attr({
+      y: a + 12
+    })), (n = this.rectIns) == null || n.attr({
       shape: {
-        x: r,
-        y: o,
-        width: n,
-        height: c
+        x: c,
+        y: a,
+        width: i,
+        height: r
       }
     }), this.calcText();
   }
 };
 l([
-  u({
+  p({
     default: () => ""
   })
-], a.prototype, "prefixId", 2);
+], o.prototype, "prefixId", 2);
 l([
-  u({
+  p({
     required: !0,
     type: Number,
-    validator: (e) => typeof e == "number"
+    validator: (t) => typeof t == "number"
   })
-], a.prototype, "width", 2);
+], o.prototype, "width", 2);
 l([
-  u({
+  p({
     required: !0,
     type: Number,
-    validator: (e) => typeof e == "number"
+    validator: (t) => typeof t == "number"
   })
-], a.prototype, "height", 2);
+], o.prototype, "height", 2);
 l([
-  u({
+  p({
     default: () => ({
       lineW: 1,
       stroke: "#00C800",
@@ -273,35 +461,35 @@ l([
       textFontSize: 12
     })
   })
-], a.prototype, "config", 2);
+], o.prototype, "config", 2);
 l([
-  u({
+  p({
     required: !0
   })
-], a.prototype, "speedValue", 2);
+], o.prototype, "speedValue", 2);
 l([
-  u({
+  p({
     required: !0
   })
-], a.prototype, "cellMg", 2);
+], o.prototype, "cellMg", 2);
 l([
-  u({
+  p({
     default: 1
   })
-], a.prototype, "magnification", 2);
+], o.prototype, "magnification", 2);
 l([
-  u({
+  p({
     default: 1
   })
-], a.prototype, "sens", 2);
+], o.prototype, "sens", 2);
 l([
-  u({ default: () => "" })
-], a.prototype, "className", 2);
-a = l([
-  I({
+  p({ default: () => "" })
+], o.prototype, "className", 2);
+o = l([
+  O({
     name: "MXMeasuringRuler"
   })
-], a);
+], o);
 export {
-  a as default
+  o as default
 };

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

@@ -4,7 +4,7 @@ import { MXMeasuringRulerConfig } from '../../types/MeasuringRuler';
 interface RectBox {
     react: Rect | null;
     text: Text | null;
-    /** 左上,右上,右下,左下 */
+    /** 左上,右上,右下,左下,上,右,下,左 */
     circleList: Circle[];
     circleDragPos: {
         x: number;