vue-wiring-diagram 1.0.7 → 1.0.8

package/dist/vue-wiring-diagram.es.js

@@ -5529,10 +5529,10 @@ function i_(n) {
     for (var i = t.mainAxis, r = i === void 0 ? !0 : i, o = t.altAxis, a = o === void 0 ? !0 : o, l = t.fallbackPlacements, c = t.padding, u = t.boundary, d = t.rootBoundary, h = t.altBoundary, f = t.flipVariations, g = f === void 0 ? !0 : f, p = t.allowedAutoPlacements, m = e.options.placement, y = Fn(m), b = y === m, v = l || (b || !g ? [Sa(m)] : s_(m)), w = [m].concat(v).reduce(function(ie, ue) {
       return ie.concat(Fn(ue) === nh ? n_(e, { placement: ue, boundary: u, rootBoundary: d, padding: c, flipVariations: g, allowedAutoPlacements: p }) : ue);
     }, []), S = e.rects.reference, C = e.rects.popper, x = /* @__PURE__ */ new Map(), M = !0, _ = w[0], D = 0; D < w.length; D++) {
-      var R = w[D], L = Fn(R), k = ir(R) === er, V = [Ft, ln].indexOf(L) >= 0, T = V ? "width" : "height", P = wo(e, { placement: R, boundary: u, rootBoundary: d, altBoundary: h, padding: c }), B = V ? k ? cn : Vt : k ? ln : Ft;
+      var R = w[D], L = Fn(R), k = ir(R) === er, F = [Ft, ln].indexOf(L) >= 0, T = F ? "width" : "height", P = wo(e, { placement: R, boundary: u, rootBoundary: d, altBoundary: h, padding: c }), B = F ? k ? cn : Vt : k ? ln : Ft;
       S[T] > C[T] && (B = Sa(B));
-      var F = Sa(B), Q = [];
-      if (r && Q.push(P[L] <= 0), a && Q.push(P[B] <= 0, P[F] <= 0), Q.every(function(ie) {
+      var V = Sa(B), Q = [];
+      if (r && Q.push(P[L] <= 0), a && Q.push(P[B] <= 0, P[V] <= 0), Q.every(function(ie) {
         return ie;
       })) {
         _ = R, M = !1;
@@ -5592,7 +5592,7 @@ function f_(n) {
   var e = n.state, t = n.options, s = n.name, i = t.mainAxis, r = i === void 0 ? !0 : i, o = t.altAxis, a = o === void 0 ? !1 : o, l = t.boundary, c = t.rootBoundary, u = t.altBoundary, d = t.padding, h = t.tether, f = h === void 0 ? !0 : h, g = t.tetherOffset, p = g === void 0 ? 0 : g, m = wo(e, { boundary: l, rootBoundary: c, padding: d, altBoundary: u }), y = Fn(e.placement), b = ir(e.placement), v = !b, w = oh(y), S = d_(w), C = e.modifiersData.popperOffsets, x = e.rects.reference, M = e.rects.popper, _ = typeof p == "function" ? p(Object.assign({}, e.rects, { placement: e.placement })) : p, D = typeof _ == "number" ? { mainAxis: _, altAxis: _ } : Object.assign({ mainAxis: 0, altAxis: 0 }, _), R = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, L = { x: 0, y: 0 };
   if (C) {
     if (r) {
-      var k, V = w === "y" ? Ft : Vt, T = w === "y" ? ln : cn, P = w === "y" ? "height" : "width", B = C[w], F = B + m[V], Q = B - m[T], me = f ? -M[P] / 2 : 0, W = b === er ? x[P] : M[P], q = b === er ? -M[P] : -x[P], $ = e.elements.arrow, ie = f && $ ? rh($) : { width: 0, height: 0 }, ue = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : Gm(), de = ue[V], ce = ue[T], Oe = to(0, x[P], ie[P]), Mt = v ? x[P] / 2 - me - Oe - de - D.mainAxis : W - Oe - de - D.mainAxis, Ie = v ? -x[P] / 2 + me + Oe + ce + D.mainAxis : q + Oe + ce + D.mainAxis, Re = e.elements.arrow && Uo(e.elements.arrow), Dn = Re ? w === "y" ? Re.clientTop || 0 : Re.clientLeft || 0 : 0, Pt = (k = R == null ? void 0 : R[w]) != null ? k : 0, fn = B + Mt - Pt - Dn, Os = B + Ie - Pt, Es = to(f ? Ha(F, fn) : F, B, f ? mi(Q, Os) : Q);
+      var k, F = w === "y" ? Ft : Vt, T = w === "y" ? ln : cn, P = w === "y" ? "height" : "width", B = C[w], V = B + m[F], Q = B - m[T], me = f ? -M[P] / 2 : 0, W = b === er ? x[P] : M[P], q = b === er ? -M[P] : -x[P], $ = e.elements.arrow, ie = f && $ ? rh($) : { width: 0, height: 0 }, ue = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : Gm(), de = ue[F], ce = ue[T], Oe = to(0, x[P], ie[P]), Mt = v ? x[P] / 2 - me - Oe - de - D.mainAxis : W - Oe - de - D.mainAxis, Ie = v ? -x[P] / 2 + me + Oe + ce + D.mainAxis : q + Oe + ce + D.mainAxis, Re = e.elements.arrow && Uo(e.elements.arrow), Dn = Re ? w === "y" ? Re.clientTop || 0 : Re.clientLeft || 0 : 0, Pt = (k = R == null ? void 0 : R[w]) != null ? k : 0, fn = B + Mt - Pt - Dn, Os = B + Ie - Pt, Es = to(f ? Ha(V, fn) : V, B, f ? mi(Q, Os) : Q);
       C[w] = Es, L[w] = Es - B;
     }
     if (a) {
@@ -6393,13 +6393,13 @@ const Q_ = mt({
     }), L = z(() => {
       var J;
       return (J = u == null ? void 0 : u.statusIcon) != null ? J : !1;
-    }), k = z(() => (d == null ? void 0 : d.validateState) || ""), V = z(() => k.value && iT[k.value]), T = z(() => w.value ? Rm : JA), P = z(() => [
+    }), k = z(() => (d == null ? void 0 : d.validateState) || ""), F = z(() => k.value && iT[k.value]), T = z(() => w.value ? Rm : JA), P = z(() => [
       i.style
     ]), B = z(() => [
       s.inputStyle,
       C.value,
       { resize: s.resize }
-    ]), F = z(() => jl(s.modelValue) ? "" : String(s.modelValue)), Q = z(() => s.clearable && !g.value && !s.readonly && !!F.value && (_.value || v.value)), me = z(() => s.showPassword && !g.value && !!F.value && (!!F.value || _.value)), W = z(() => s.showWordLimit && !!s.maxlength && (s.type === "text" || s.type === "textarea") && !g.value && !s.readonly && !s.showPassword), q = z(() => F.value.length), $ = z(() => !!W.value && q.value > Number(s.maxlength)), ie = z(() => !!r.suffix || !!s.suffixIcon || Q.value || s.showPassword || W.value || !!k.value && L.value), [ue, de] = I_(y);
+    ]), V = z(() => jl(s.modelValue) ? "" : String(s.modelValue)), Q = z(() => s.clearable && !g.value && !s.readonly && !!V.value && (_.value || v.value)), me = z(() => s.showPassword && !g.value && !!V.value && (!!V.value || _.value)), W = z(() => s.showWordLimit && !!s.maxlength && (s.type === "text" || s.type === "textarea") && !g.value && !s.readonly && !s.showPassword), q = z(() => V.value.length), $ = z(() => !!W.value && q.value > Number(s.maxlength)), ie = z(() => !!r.suffix || !!s.suffixIcon || Q.value || s.showPassword || W.value || !!k.value && L.value), [ue, de] = I_(y);
     gp(b, (J) => {
       if (Mt(), !W.value || s.resize !== "both")
         return;
@@ -6432,13 +6432,13 @@ const Q_ = mt({
         ((Zn = b.value) == null ? void 0 : Zn.offsetParent) === null || (J(), je = !0);
       };
     })(ce), Ie = () => {
-      const J = x.value, je = s.formatter ? s.formatter(F.value) : F.value;
+      const J = x.value, je = s.formatter ? s.formatter(V.value) : V.value;
       !J || J.value === je || (J.value = je);
     }, Re = async (J) => {
       ue();
       let { value: je } = J.target;
       if (s.formatter && (je = s.parser ? s.parser(je) : je), !Pt.value) {
-        if (je === F.value) {
+        if (je === V.value) {
           Ie();
           return;
         }
@@ -6474,7 +6474,7 @@ const Q_ = mt({
     return _e(() => s.modelValue, () => {
       var J;
       Rt(() => ce()), s.validateEvent && ((J = d == null ? void 0 : d.validate) == null || J.call(d, "change").catch((je) => qt(je)));
-    }), _e(F, () => Ie()), _e(() => s.type, async () => {
+    }), _e(V, () => Ie()), _e(() => s.type, async () => {
       await Rt(), Ie(), ce();
     }), ot(() => {
       !s.formatter && s.parser && qt("ElInput", "If you set the parser, you also need to set the formatter."), Ie(), Rt(ce);
@@ -6611,7 +6611,7 @@ const Q_ = mt({
                   class: ge(A(p).e("count-inner"))
                 }, Ot(A(q)) + " / " + Ot(J.maxlength), 3)
               ], 2)) : we("v-if", !0),
-              A(k) && A(V) && A(L) ? (H(), ye(A(jn), {
+              A(k) && A(F) && A(L) ? (H(), ye(A(jn), {
                 key: 4,
                 class: ge([
                   A(p).e("icon"),
@@ -6620,7 +6620,7 @@ const Q_ = mt({
                 ])
               }, {
                 default: N(() => [
-                  (H(), ye(Wt(A(V))))
+                  (H(), ye(Wt(A(F))))
                 ]),
                 _: 1
               }, 8, ["class"])) : we("v-if", !0)
@@ -7372,12 +7372,12 @@ const LN = 0, IN = (n) => {
       R(!1), s.visible && s.focusOnShow ? r.value = !0 : s.visible === !1 && (r.value = !1);
     };
     return ot(() => {
-      _e(() => s.triggerTargetEl, (k, V) => {
+      _e(() => s.triggerTargetEl, (k, F) => {
         D == null || D(), D = void 0;
-        const T = A(k || f.value), P = A(V || f.value);
+        const T = A(k || f.value), P = A(F || f.value);
         ds(T) && (D = _e([m, () => s.ariaLabel, b, () => s.id], (B) => {
-          ["role", "aria-label", "aria-modal", "id"].forEach((F, Q) => {
-            jl(B[Q]) ? T.removeAttribute(F) : T.setAttribute(F, B[Q]);
+          ["role", "aria-label", "aria-modal", "id"].forEach((V, Q) => {
+            jl(B[Q]) ? T.removeAttribute(V) : T.setAttribute(V, B[Q]);
           });
         }, { immediate: !0 })), P !== T && ds(P) && ["role", "aria-label", "aria-modal", "id"].forEach((B) => {
           P.removeAttribute(B);
@@ -7390,7 +7390,7 @@ const LN = 0, IN = (n) => {
       popperInstanceRef: p,
       updatePopper: R,
       contentStyle: C
-    }), (k, V) => (H(), le("div", Bs({
+    }), (k, F) => (H(), le("div", Bs({
       ref_key: "contentRef",
       ref: f
     }, A(w), {
@@ -7579,7 +7579,7 @@ const tk = Ti(ek), nk = fe({
       (B = (P = r.value) == null ? void 0 : P.updatePopper) == null || B.call(P), p == null || p();
     }, k = () => {
       m == null || m();
-    }, V = () => {
+    }, F = () => {
       f(), o = aS(z(() => {
         var P;
         return (P = r.value) == null ? void 0 : P.popperContentRef;
@@ -7609,7 +7609,7 @@ const tk = Ti(ek), nk = fe({
           name: A(y),
           onAfterLeave: M,
           onBeforeEnter: L,
-          onAfterEnter: V,
+          onAfterEnter: F,
           onBeforeLeave: k
         }, {
           default: N(() => [
@@ -9075,8 +9075,8 @@ const Ke = rT(rr, "$message"), sR = fe({
     _e(() => c.inputValue, async (P) => {
       await Rt(), n.boxType === "prompt" && P !== null && L();
     }, { immediate: !0 }), _e(() => l.value, (P) => {
-      var B, F;
-      P && (n.boxType !== "prompt" && (c.autofocus ? y.value = (F = (B = v.value) == null ? void 0 : B.$el) != null ? F : p.value : y.value = p.value), c.zIndex = a()), n.boxType === "prompt" && (P ? Rt().then(() => {
+      var B, V;
+      P && (n.boxType !== "prompt" && (c.autofocus ? y.value = (V = (B = v.value) == null ? void 0 : B.$el) != null ? V : p.value : y.value = p.value), c.zIndex = a()), n.boxType === "prompt" && (P ? Rt().then(() => {
         var Q;
         b.value && b.value.$el && (c.autofocus ? y.value = (Q = k()) != null ? Q : p.value : y.value = p.value);
       }) : (c.editorErrorMessage = "", c.validateError = !1));
@@ -9107,21 +9107,21 @@ const Ke = rT(rr, "$message"), sR = fe({
           return c.editorErrorMessage = c.inputErrorMessage || o("el.messagebox.error"), c.validateError = !0, !1;
         const B = c.inputValidator;
         if (typeof B == "function") {
-          const F = B(c.inputValue);
-          if (F === !1)
+          const V = B(c.inputValue);
+          if (V === !1)
             return c.editorErrorMessage = c.inputErrorMessage || o("el.messagebox.error"), c.validateError = !0, !1;
-          if (typeof F == "string")
-            return c.editorErrorMessage = F, c.validateError = !0, !1;
+          if (typeof V == "string")
+            return c.editorErrorMessage = V, c.validateError = !0, !1;
         }
       }
       return c.editorErrorMessage = "", c.validateError = !1, !0;
     }, k = () => {
       const P = b.value.$refs;
       return P.input || P.textarea;
-    }, V = () => {
+    }, F = () => {
       R("close");
     }, T = () => {
-      n.closeOnPressEscape && V();
+      n.closeOnPressEscape && F();
     };
     return n.lockScroll && wT(l), {
       ...Z0(c),
@@ -9141,7 +9141,7 @@ const Ke = rT(rr, "$message"), sR = fe({
       inputRef: b,
       confirmRef: v,
       doClose: x,
-      handleClose: V,
+      handleClose: F,
       onCloseRequested: T,
       handleWrapperClick: M,
       handleInputEnter: D,
@@ -11300,10 +11300,10 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
     payload: Object
   },
   setup(n) {
-    var h, f, g, p, m, y, b, v, w, S, C, x, M, _, D, R, L, k, V, T, P;
+    var h, f, g, p, m, y, b, v, w, S, C, x, M, _, D, R, L, k, F, T, P;
     const e = n;
     console.log(e.payload.value.options.grid);
-    const t = U(((h = e.payload.value.options.background) == null ? void 0 : h.color) || null), s = U(((g = (f = e.payload.value.options) == null ? void 0 : f.grid) == null ? void 0 : g.visible) || null), i = U(((m = (p = e.payload.value.options) == null ? void 0 : p.grid) == null ? void 0 : m.size) || 10), r = U(((w = (v = (b = (y = e.payload.value.options) == null ? void 0 : y.grid) == null ? void 0 : b.args) == null ? void 0 : v[0]) == null ? void 0 : w.color) || null), o = U(((M = (x = (C = (S = e.payload.value.options) == null ? void 0 : S.grid) == null ? void 0 : C.args) == null ? void 0 : x[0]) == null ? void 0 : M.thickness) || 1), a = U(((L = (R = (D = (_ = e.payload.value.options) == null ? void 0 : _.grid) == null ? void 0 : D.args) == null ? void 0 : R[1]) == null ? void 0 : L.color) || null), l = U(((P = (T = (V = (k = e.payload.value.options) == null ? void 0 : k.grid) == null ? void 0 : V.args) == null ? void 0 : T[1]) == null ? void 0 : P.thickness) || 1), c = U("1"), u = (B) => {
+    const t = U(((h = e.payload.value.options.background) == null ? void 0 : h.color) || null), s = U(((g = (f = e.payload.value.options) == null ? void 0 : f.grid) == null ? void 0 : g.visible) || null), i = U(((m = (p = e.payload.value.options) == null ? void 0 : p.grid) == null ? void 0 : m.size) || 10), r = U(((w = (v = (b = (y = e.payload.value.options) == null ? void 0 : y.grid) == null ? void 0 : b.args) == null ? void 0 : v[0]) == null ? void 0 : w.color) || null), o = U(((M = (x = (C = (S = e.payload.value.options) == null ? void 0 : S.grid) == null ? void 0 : C.args) == null ? void 0 : x[0]) == null ? void 0 : M.thickness) || 1), a = U(((L = (R = (D = (_ = e.payload.value.options) == null ? void 0 : _.grid) == null ? void 0 : D.args) == null ? void 0 : R[1]) == null ? void 0 : L.color) || null), l = U(((P = (T = (F = (k = e.payload.value.options) == null ? void 0 : k.grid) == null ? void 0 : F.args) == null ? void 0 : T[1]) == null ? void 0 : P.thickness) || 1), c = U("1"), u = (B) => {
       e.payload.value.drawBackground({
         color: B
       });
@@ -11324,12 +11324,12 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
         ]
       });
     };
-    return (B, F) => {
+    return (B, V) => {
       const Q = Z("el-col"), me = Z("el-color-picker"), W = Z("el-row"), q = Z("el-switch"), $ = Z("el-input-number"), ie = Z("el-collapse-item"), ue = Z("el-collapse");
       return H(), le("div", WD, [
         E(ue, {
           modelValue: c.value,
-          "onUpdate:modelValue": F[7] || (F[7] = (de) => c.value = de),
+          "onUpdate:modelValue": V[7] || (V[7] = (de) => c.value = de),
           accordion: ""
         }, {
           default: N(() => [
@@ -11342,7 +11342,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                   E(W, { gutter: 20 }, {
                     default: N(() => [
                       E(Q, { span: 12 }, {
-                        default: N(() => F[8] || (F[8] = [
+                        default: N(() => V[8] || (V[8] = [
                           X("div", { class: "row-label" }, "背景色", -1)
                         ])),
                         _: 1
@@ -11351,7 +11351,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                         default: N(() => [
                           E(me, {
                             modelValue: t.value,
-                            "onUpdate:modelValue": F[0] || (F[0] = (de) => t.value = de),
+                            "onUpdate:modelValue": V[0] || (V[0] = (de) => t.value = de),
                             size: "small",
                             "show-alpha": "",
                             onChange: u
@@ -11365,7 +11365,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                   E(W, { gutter: 20 }, {
                     default: N(() => [
                       E(Q, { span: 12 }, {
-                        default: N(() => F[9] || (F[9] = [
+                        default: N(() => V[9] || (V[9] = [
                           X("div", { class: "row-label" }, "网格", -1)
                         ])),
                         _: 1
@@ -11374,7 +11374,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                         default: N(() => [
                           E(q, {
                             modelValue: s.value,
-                            "onUpdate:modelValue": F[1] || (F[1] = (de) => s.value = de),
+                            "onUpdate:modelValue": V[1] || (V[1] = (de) => s.value = de),
                             "active-value": !0,
                             "inactive-value": !1,
                             size: "small",
@@ -11389,7 +11389,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                   E(W, { gutter: 20 }, {
                     default: N(() => [
                       E(Q, { span: 12 }, {
-                        default: N(() => F[10] || (F[10] = [
+                        default: N(() => V[10] || (V[10] = [
                           X("div", { class: "row-label" }, "网格大小", -1)
                         ])),
                         _: 1
@@ -11398,7 +11398,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                         default: N(() => [
                           E($, {
                             modelValue: i.value,
-                            "onUpdate:modelValue": F[2] || (F[2] = (de) => i.value = de),
+                            "onUpdate:modelValue": V[2] || (V[2] = (de) => i.value = de),
                             min: 1,
                             max: 20,
                             size: "small",
@@ -11414,7 +11414,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                   E(W, { gutter: 20 }, {
                     default: N(() => [
                       E(Q, { span: 12 }, {
-                        default: N(() => F[11] || (F[11] = [
+                        default: N(() => V[11] || (V[11] = [
                           X("div", { class: "row-label" }, "主网格颜色", -1)
                         ])),
                         _: 1
@@ -11423,7 +11423,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                         default: N(() => [
                           E(me, {
                             modelValue: r.value,
-                            "onUpdate:modelValue": F[3] || (F[3] = (de) => r.value = de),
+                            "onUpdate:modelValue": V[3] || (V[3] = (de) => r.value = de),
                             size: "small",
                             "show-alpha": "",
                             onChange: d
@@ -11437,7 +11437,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                   E(W, { gutter: 20 }, {
                     default: N(() => [
                       E(Q, { span: 12 }, {
-                        default: N(() => F[12] || (F[12] = [
+                        default: N(() => V[12] || (V[12] = [
                           X("div", { class: "row-label" }, "次网格颜色", -1)
                         ])),
                         _: 1
@@ -11446,7 +11446,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                         default: N(() => [
                           E(me, {
                             modelValue: a.value,
-                            "onUpdate:modelValue": F[4] || (F[4] = (de) => a.value = de),
+                            "onUpdate:modelValue": V[4] || (V[4] = (de) => a.value = de),
                             size: "small",
                             "show-alpha": "",
                             onChange: d
@@ -11460,7 +11460,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                   E(W, { gutter: 20 }, {
                     default: N(() => [
                       E(Q, { span: 12 }, {
-                        default: N(() => F[13] || (F[13] = [
+                        default: N(() => V[13] || (V[13] = [
                           X("div", { class: "row-label" }, "主网格粗细", -1)
                         ])),
                         _: 1
@@ -11469,7 +11469,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                         default: N(() => [
                           E($, {
                             modelValue: o.value,
-                            "onUpdate:modelValue": F[5] || (F[5] = (de) => o.value = de),
+                            "onUpdate:modelValue": V[5] || (V[5] = (de) => o.value = de),
                             min: 0.5,
                             max: 10,
                             size: "small",
@@ -11485,7 +11485,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                   E(W, { gutter: 20 }, {
                     default: N(() => [
                       E(Q, { span: 12 }, {
-                        default: N(() => F[14] || (F[14] = [
+                        default: N(() => V[14] || (V[14] = [
                           X("div", { class: "row-label" }, "次网格粗细", -1)
                         ])),
                         _: 1
@@ -11494,7 +11494,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
                         default: N(() => [
                           E($, {
                             modelValue: l.value,
-                            "onUpdate:modelValue": F[6] || (F[6] = (de) => l.value = de),
+                            "onUpdate:modelValue": V[6] || (V[6] = (de) => l.value = de),
                             min: 0.5,
                             max: 10,
                             size: "small",
@@ -11525,8 +11525,8 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
     payload: Object
   },
   setup(n) {
-    var F, Q, me, W;
-    const e = n, t = U((F = e.payload.attrs.label) != null && F.textAnchor ? "0" : "1"), s = U([]), i = U([]), r = () => {
+    var V, Q, me, W;
+    const e = n, t = U((V = e.payload.attrs.label) != null && V.textAnchor ? "0" : "1"), s = U([]), i = U([]), r = () => {
       Co("/cny/custom/deviceList").then((q) => {
         s.value = q.data;
       });
@@ -11585,7 +11585,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
           y: Number(q.args.y.replace("%", ""))
         }
       }))));
-    }, V = () => {
+    }, F = () => {
       const q = Yl;
       q.attrs.text.text = `${e.payload.getPorts().length + 1}`, q.args.x = "50%", q.args.y = "50%", e.payload.addPorts([
         {
@@ -11973,7 +11973,7 @@ const Co = (n, e = {}) => ei.get(n, { params: e }), Ja = (n, e = {}) => ei.post(
               default: N(() => [
                 E(Os, {
                   type: "primary",
-                  onClick: V,
+                  onClick: F,
                   size: "small"
                 }, {
                   default: N(() => $[23] || ($[23] = [
@@ -13736,11 +13736,11 @@ function Cb(n, e, t = {}) {
     let L, k = S[_];
     if (k)
       if (c) {
-        const V = AL(k, c, {
+        const F = AL(k, c, {
           offset: -v,
           includeAnnotationIndices: l
         });
-        L = FL(R, V, {
+        L = FL(R, F, {
           eol: _ !== x && s,
           baseSize: m,
           lineHeight: d ? null : h,
@@ -13752,8 +13752,8 @@ function Cb(n, e, t = {}) {
         s && _ !== x && (k += s), R.textContent = k;
     else {
       R.textContent = "-", D += " v-empty-line";
-      const V = R.style;
-      V.fillOpacity = 0, V.strokeOpacity = 0, c && (L = {});
+      const F = R.style;
+      F.fillOpacity = 0, F.strokeOpacity = 0, c && (L = {});
     }
     L && C.push(L), _ > 0 && R.setAttribute("dy", b), (_ > 0 || i) && R.setAttribute("x", a), R.className.baseVal = D, y.appendChild(R), v += k.length + 1;
   }
@@ -15006,23 +15006,23 @@ class ls {
   n.makeGrey = a;
   function l(v, w, S, C) {
     const x = Array.isArray(v) ? v[0] : v, M = Array.isArray(v) ? v[1] : w, _ = Array.isArray(v) ? v[2] : S, D = Array.isArray(v) ? v[3] : C, R = Math.max(x, M, _), L = Math.min(x, M, _), k = (R + L) / 2;
-    let V = 0, T = 0;
+    let F = 0, T = 0;
     if (L !== R) {
       const P = R - L;
       switch (T = k > 0.5 ? P / (2 - R - L) : P / (R + L), R) {
         case x:
-          V = (M - _) / P + (M < _ ? 6 : 0);
+          F = (M - _) / P + (M < _ ? 6 : 0);
           break;
         case M:
-          V = (_ - x) / P + 2;
+          F = (_ - x) / P + 2;
           break;
         case _:
-          V = (x - M) / P + 4;
+          F = (x - M) / P + 4;
           break;
       }
-      V /= 6;
+      F /= 6;
     }
-    return [V, T, k, D ?? 1];
+    return [F, T, k, D ?? 1];
   }
   n.rgba2hsla = l;
   function c(v, w, S, C) {
@@ -15450,33 +15450,33 @@ var Ci;
   }
   n.easeOutBack = x;
   function M(T, P = 1.70158) {
-    const B = T * 2, F = B - 2, Q = P * 1.525;
-    return B < 1 ? 0.5 * B * B * ((Q + 1) * B - Q) : 0.5 * (F * F * ((Q + 1) * F + Q) + 2);
+    const B = T * 2, V = B - 2, Q = P * 1.525;
+    return B < 1 ? 0.5 * B * B * ((Q + 1) * B - Q) : 0.5 * (V * V * ((Q + 1) * V + Q) + 2);
   }
   n.easeInOutBack = M;
   function _(T, P = 0.7) {
     if (T === 0 || T === 1)
       return T;
-    const F = T / 1 - 1, Q = 1 - P, me = Q / (2 * Math.PI) * Math.asin(1);
-    return -(Math.pow(2, 10 * F) * // eslint-disable-line
-    Math.sin((F - me) * (2 * Math.PI) / Q));
+    const V = T / 1 - 1, Q = 1 - P, me = Q / (2 * Math.PI) * Math.asin(1);
+    return -(Math.pow(2, 10 * V) * // eslint-disable-line
+    Math.sin((V - me) * (2 * Math.PI) / Q));
   }
   n.easeInElastic = _;
   function D(T, P = 0.7) {
-    const B = 1 - P, F = T * 2;
+    const B = 1 - P, V = T * 2;
     if (T === 0 || T === 1)
       return T;
     const Q = B / (2 * Math.PI) * Math.asin(1);
-    return Math.pow(2, -10 * F) * // eslint-disable-line
-    Math.sin((F - Q) * (2 * Math.PI) / B) + 1;
+    return Math.pow(2, -10 * V) * // eslint-disable-line
+    Math.sin((V - Q) * (2 * Math.PI) / B) + 1;
   }
   n.easeOutElastic = D;
   function R(T, P = 0.65) {
     const B = 1 - P;
     if (T === 0 || T === 1)
       return T;
-    const F = T * 2, Q = F - 1, me = B / (2 * Math.PI) * Math.asin(1);
-    return F < 1 ? -0.5 * (Math.pow(2, 10 * Q) * // eslint-disable-line
+    const V = T * 2, Q = V - 1, me = B / (2 * Math.PI) * Math.asin(1);
+    return V < 1 ? -0.5 * (Math.pow(2, 10 * Q) * // eslint-disable-line
     Math.sin((Q - me) * (2 * Math.PI) / B)) : Math.pow(2, -10 * Q) * // eslint-disable-line
     Math.sin((Q - me) * (2 * Math.PI) / B) * 0.5 + 1;
   }
@@ -15503,10 +15503,10 @@ var Ci;
     return 1 - L(1 - T);
   }
   n.easeInBounce = k;
-  function V(T) {
+  function F(T) {
     return T < 0.5 ? k(T * 2) * 0.5 : L(T * 2 - 1) * 0.5 + 0.5;
   }
-  n.easeInOutBounce = V;
+  n.easeInOutBounce = F;
 })(Ci || (Ci = {}));
 var fi;
 (function(n) {
@@ -16743,12 +16743,12 @@ function tl(n, e, t, s, i = 0, r = 0, o = 0, a, l) {
   _ = Math.atan2((-g - C) / s, (-f - S) / t) - Math.atan2((g - C) / s, (f - S) / t);
   let R = _ >= 0 ? _ : 2 * Math.PI + _;
   o === 0 && R > 0 ? R -= 2 * Math.PI : o !== 0 && R < 0 && (R += 2 * Math.PI);
-  const L = R * 2 / Math.PI, k = Math.ceil(L < 0 ? -1 * L : L), V = R / k, T = 8 / 3 * Math.sin(V / 4) * Math.sin(V / 4) / Math.sin(V / 2), P = d * t, B = d * s, F = h * t, Q = h * s;
-  let me = Math.cos(D), W = Math.sin(D), q = -T * (P * W + Q * me), $ = -T * (F * W - B * me), ie = 0, ue = 0;
+  const L = R * 2 / Math.PI, k = Math.ceil(L < 0 ? -1 * L : L), F = R / k, T = 8 / 3 * Math.sin(F / 4) * Math.sin(F / 4) / Math.sin(F / 2), P = d * t, B = d * s, V = h * t, Q = h * s;
+  let me = Math.cos(D), W = Math.sin(D), q = -T * (P * W + Q * me), $ = -T * (V * W - B * me), ie = 0, ue = 0;
   const de = [];
   for (let ce = 0; ce < k; ce += 1) {
-    D += V, me = Math.cos(D), W = Math.sin(D), ie = P * me - Q * W + x, ue = F * me + B * W + M;
-    const Oe = -T * (P * W + Q * me), Mt = -T * (F * W - B * me), Ie = ce * 6;
+    D += F, me = Math.cos(D), W = Math.sin(D), ie = P * me - Q * W + x, ue = V * me + B * W + M;
+    const Oe = -T * (P * W + Q * me), Mt = -T * (V * W - B * me), Ie = ce * 6;
     de[Ie] = Number(q + n), de[Ie + 1] = Number($ + e), de[Ie + 2] = Number(ie - Oe + n), de[Ie + 3] = Number(ue - Mt + e), de[Ie + 4] = Number(ie + n), de[Ie + 5] = Number(ue + e), q = ie + Oe, $ = ue + Mt;
   }
   return de.map((ce) => +ce.toFixed(2));
@@ -17047,8 +17047,8 @@ class Xe extends ti {
     for (; D; )
       D -= 1, b = f[D], _ = 1 - b, x = _ * _ * _ * r + 3 * _ * _ * b * a + 3 * _ * b * b * c + b * b * b * d, g[0][D] = x, M = _ * _ * _ * o + 3 * _ * _ * b * l + 3 * _ * b * b * u + b * b * b * h, g[1][D] = M;
     f[R] = 0, f[R + 1] = 1, g[0][R] = r, g[1][R] = o, g[0][R + 1] = d, g[1][R + 1] = h, f.length = R + 2, g[0].length = R + 2, g[1].length = R + 2;
-    const L = Math.min.apply(null, g[0]), k = Math.min.apply(null, g[1]), V = Math.max.apply(null, g[0]), T = Math.max.apply(null, g[1]);
-    return new Y(L, k, V - L, T - k);
+    const L = Math.min.apply(null, g[0]), k = Math.min.apply(null, g[1]), F = Math.max.apply(null, g[0]), T = Math.max.apply(null, g[1]);
+    return new Y(L, k, F - L, T - k);
   }
   closestPoint(e, t = {}) {
     return this.pointAtT(this.closestPointT(e, t));
@@ -17845,18 +17845,18 @@ function kb(n, e, t, s, i, r, o, a, l, c) {
     g = c[0], p = c[1], m = c[2], y = c[3];
   else {
     f = ha(n, e, -d), n = f.x, e = f.y, f = ha(a, l, -d), a = f.x, l = f.y;
-    const V = (n - a) / 2, T = (e - l) / 2;
-    let P = V * V / (t * t) + T * T / (s * s);
+    const F = (n - a) / 2, T = (e - l) / 2;
+    let P = F * F / (t * t) + T * T / (s * s);
     P > 1 && (P = Math.sqrt(P), t = P * t, s = P * s);
-    const B = t * t, F = s * s, Q = (r === o ? -1 : 1) * Math.sqrt(Math.abs((B * F - B * T * T - F * V * V) / (B * T * T + F * V * V)));
-    m = Q * t * T / s + (n + a) / 2, y = Q * -s * V / t + (e + l) / 2, g = Math.asin((e - y) / s), p = Math.asin((l - y) / s), g = n < m ? Math.PI - g : g, p = a < m ? Math.PI - p : p, g < 0 && (g = Math.PI * 2 + g), p < 0 && (p = Math.PI * 2 + p), o && g > p && (g -= Math.PI * 2), !o && p > g && (p -= Math.PI * 2);
+    const B = t * t, V = s * s, Q = (r === o ? -1 : 1) * Math.sqrt(Math.abs((B * V - B * T * T - V * F * F) / (B * T * T + V * F * F)));
+    m = Q * t * T / s + (n + a) / 2, y = Q * -s * F / t + (e + l) / 2, g = Math.asin((e - y) / s), p = Math.asin((l - y) / s), g = n < m ? Math.PI - g : g, p = a < m ? Math.PI - p : p, g < 0 && (g = Math.PI * 2 + g), p < 0 && (p = Math.PI * 2 + p), o && g > p && (g -= Math.PI * 2), !o && p > g && (p -= Math.PI * 2);
   }
   let b = p - g;
   if (Math.abs(b) > u) {
-    const V = p, T = a, P = l;
+    const F = p, T = a, P = l;
     p = g + u * (o && p > g ? 1 : -1), a = m + t * Math.cos(p), l = y + s * Math.sin(p), h = kb(a, l, t, s, i, 0, o, T, P, [
       p,
-      V,
+      F,
       m,
       y
     ]);
@@ -17867,10 +17867,10 @@ function kb(n, e, t, s, i, r, o, a, l, c) {
     return [R, L, k].concat(h);
   {
     h = [R, L, k].concat(h).join().split(",");
-    const V = [], T = h.length;
+    const F = [], T = h.length;
     for (let P = 0; P < T; P += 1)
-      V[P] = P % 2 ? ha(+h[P - 1], +h[P], d).y : ha(+h[P], +h[P + 1], d).x;
-    return V;
+      F[P] = P % 2 ? ha(+h[P - 1], +h[P], d).y : ha(+h[P], +h[P + 1], d).x;
+    return F;
   }
 }
 function mI(n) {
@@ -23016,14 +23016,14 @@ function SB(n, e, t, s, i) {
     }, []), M = O.equalPoints(d, h);
     let _ = i.maxLoopCount;
     for (; !f.isEmpty() && _ > 0; ) {
-      const D = f.pop(), R = g[D], L = p[D], k = m[D], V = R.equals(c), T = L == null;
+      const D = f.pop(), R = g[D], L = p[D], k = m[D], F = R.equals(c), T = L == null;
       let P;
-      if (T ? b ? V ? P = null : P = Cc(c, R, C, l, i) : P = y : P = Cc(L, R, C, l, i), !(T && M) && x.indexOf(D) >= 0)
+      if (T ? b ? F ? P = null : P = Cc(c, R, C, l, i) : P = y : P = Cc(L, R, C, l, i), !(T && M) && x.indexOf(D) >= 0)
         return i.previousDirectionAngle = P, xB(p, g, R, c, u);
-      for (let F = 0; F < C; F += 1) {
-        v = S[F];
+      for (let V = 0; V < C; V += 1) {
+        v = S[V];
         const Q = v.angle;
-        if (w = ag(P, Q), !(b && V) && w > i.maxDirectionChange)
+        if (w = ag(P, Q), !(b && F) && w > i.maxDirectionChange)
           continue;
         const me = Ea(R.clone().translate(v.gridOffsetX || 0, v.gridOffsetY || 0), l, r), W = ao(me);
         if (f.isClose(W) || !s.isAccessible(me))
@@ -23033,7 +23033,7 @@ function SB(n, e, t, s, i) {
           if (ag(Q, de) > i.maxDirectionChange)
             continue;
         }
-        const q = v.cost, $ = V ? 0 : i.penalties[w], ie = k + q + $;
+        const q = v.cost, $ = F ? 0 : i.penalties[w], ie = k + q + $;
         (!f.isOpen(W) || ie < m[W]) && (g[W] = me, p[W] = R, m[W] = ie, f.add(W, ie + cg(me, h)));
       }
       _ -= 1;
@@ -30833,8 +30833,8 @@ function w$(n, e = {}) {
     let M = 0, _ = 0, D = b.getSize();
     if (c) {
       let R = C - 2 * o, L = x - 2 * a;
-      const k = D.height * (D.width ? R / D.width : 1), V = D.width * (D.height ? L / D.height : 1);
-      x < k ? R = V : L = k, D = {
+      const k = D.height * (D.width ? R / D.width : 1), F = D.width * (D.height ? L / D.height : 1);
+      x < k ? R = F : L = k, D = {
         width: R,
         height: L
       }, b.setSize(D, e);
@@ -31967,12 +31967,12 @@ class N0 extends Pe {
         b.indexOf("right") !== -1 ? m.vertical = a.x : m.vertical = o.x, b.indexOf("bottom") !== -1 ? m.horizontal = a.y : m.horizontal = o.y, this.model.getNodes().some((L) => {
           if (this.isIgnored(e, L))
             return !1;
-          const k = L.getBBox().bbox(L.getAngle()), V = k.getTopLeft(), T = k.getBottomRight(), P = {
-            vertical: [V.x, T.x],
-            horizontal: [V.y, T.y]
+          const k = L.getBBox().bbox(L.getAngle()), F = k.getTopLeft(), T = k.getBottomRight(), P = {
+            vertical: [F.x, T.x],
+            horizontal: [F.y, T.y]
           }, B = {};
-          return Object.keys(P).forEach((F) => {
-            const Q = F, me = P[Q].map((W) => ({
+          return Object.keys(P).forEach((V) => {
+            const Q = V, me = P[Q].map((W) => ({
               position: W,
               distance: Math.abs(W - m[Q])
             })).filter((W) => W.distance <= c);
@@ -31989,15 +31989,15 @@ class N0 extends Pe {
           f != null && u != null && (w < S ? (S = 0, f = void 0) : (w = 0, u = void 0));
           const k = Me.toRad(l % 90);
           w && (C = L === 3 ? w / Math.cos(k) : w / Math.sin(k)), S && (x = L === 3 ? S / Math.cos(k) : S / Math.sin(k));
-          const V = L === 1 || L === 3;
+          const F = L === 1 || L === 3;
           switch (v) {
             case "top":
             case "bottom":
-              x = S ? S / (V ? Math.cos(k) : Math.sin(k)) : w / (V ? Math.sin(k) : Math.cos(k));
+              x = S ? S / (F ? Math.cos(k) : Math.sin(k)) : w / (F ? Math.sin(k) : Math.cos(k));
               break;
             case "left":
             case "right":
-              C = w ? w / (V ? Math.cos(k) : Math.sin(k)) : S / (V ? Math.sin(k) : Math.cos(k));
+              C = w ? w / (F ? Math.cos(k) : Math.sin(k)) : S / (F ? Math.sin(k) : Math.cos(k));
               break;
           }
         }
@@ -32598,7 +32598,7 @@ var D0 = { exports: {} };
         return new C(x);
       M.target = x, M._callbacks = {}, M._directMap = {};
       var _ = {}, D, R = !1, L = !1, k = !1;
-      function V(W) {
+      function F(W) {
         W = W || {};
         var q = !1, $;
         for ($ in _) {
@@ -32638,7 +32638,7 @@ var D0 = { exports: {} };
           Oe || P(ie[ue].callback, $, ie[ue].combo);
         }
         var Mt = $.type == "keypress" && L;
-        $.type == k && !m(W) && !Mt && V(de), L = Oe && $.type == "keydown";
+        $.type == k && !m(W) && !Mt && F(de), L = Oe && $.type == "keydown";
       };
       function B(W) {
         typeof W.which != "number" && (W.which = W.keyCode);
@@ -32651,18 +32651,18 @@ var D0 = { exports: {} };
           M.handleKey(q, f(W), W);
         }
       }
-      function F() {
-        clearTimeout(D), D = setTimeout(V, 1e3);
+      function V() {
+        clearTimeout(D), D = setTimeout(F, 1e3);
       }
       function Q(W, q, $, ie) {
         _[W] = 0;
         function ue(Ie) {
           return function() {
-            k = Ie, ++_[W], F();
+            k = Ie, ++_[W], V();
           };
         }
         function de(Ie) {
-          P($, Ie, W), ie !== "keyup" && (R = d(Ie)), setTimeout(V, 10);
+          P($, Ie, W), ie !== "keyup" && (R = d(Ie)), setTimeout(F, 10);
         }
         for (var ce = 0; ce < q.length; ++ce) {
           var Oe = ce + 1 === q.length, Mt = Oe ? de : ue(ie || w(q[ce + 1]).action);
@@ -35307,11 +35307,11 @@ const F$ = { class: "control-box" }, V$ = {
           s.value.cleanSelection(), s.value.select(k), Ke.success("粘贴成功");
         }
         return !1;
-      }), s.value.bindKey(["ctrl+z", "cmd + z"], () => (s.value.canUndo() && s.value.undo(), !1)), s.value.bindKey(["ctrl+y", "cmd + y"], () => (s.value.canRedo() && s.value.redo(), !1)), s.value.on("blank:click", ({ e: k, x: V, y: T }) => {
+      }), s.value.bindKey(["ctrl+z", "cmd + z"], () => (s.value.canUndo() && s.value.undo(), !1)), s.value.bindKey(["ctrl+y", "cmd + y"], () => (s.value.canRedo() && s.value.redo(), !1)), s.value.on("blank:click", ({ e: k, x: F, y: T }) => {
         o.value = s, i.component = XD, i.label = "画布属性", r.value = K().valueOf();
       }), s.value.on("cell:click", ({ cell: k }) => {
-        var V, T, P;
-        if (console.log("cell:click", k, ((V = k == null ? void 0 : k.data) == null ? void 0 : V.type) ?? (k == null ? void 0 : k.shape)), o.value = k, r.value = K().valueOf(), ((T = k.data) == null ? void 0 : T.type) === "text") {
+        var F, T, P;
+        if (console.log("cell:click", k, ((F = k == null ? void 0 : k.data) == null ? void 0 : F.type) ?? (k == null ? void 0 : k.shape)), o.value = k, r.value = K().valueOf(), ((T = k.data) == null ? void 0 : T.type) === "text") {
           i.component = Ff, i.label = "文本属性";
           return;
         }
@@ -35361,31 +35361,36 @@ const F$ = { class: "control-box" }, V$ = {
             graphPadding: 30
           }
         ],
-        search(V, T) {
+        search(F, T) {
           var P;
-          return ((P = V.label) == null ? void 0 : P.indexOf(T)) !== -1;
+          return ((P = F.label) == null ? void 0 : P.indexOf(T)) !== -1;
         },
         placeholder: "搜索",
-        notFoundText: "未找到匹配项"
+        notFoundText: "未找到匹配项",
+        getDragNode: (F) => {
+          const T = F.clone({ keepId: !0 });
+          return T.label = "", T;
+        },
+        getDropNode: (F) => F.clone({ keepId: !0 })
       });
       const L = s.value.createNode({
         ...YD
-      }), k = pa.map((V) => (V.ports = pg, s.value.createNode(V)));
-      l.value.load([L, ...k], "基础组件"), Co("/cny/custom/groupList").then((V) => {
-        const T = (V == null ? void 0 : V.data) || [];
+      }), k = pa.map((F) => (F.ports = pg, s.value.createNode(F)));
+      l.value.load([L, ...k], "基础组件"), Co("/cny/custom/groupList").then((F) => {
+        const T = (F == null ? void 0 : F.data) || [];
         T == null || T.forEach((P) => {
           l.value.addGroup({
             name: P == null ? void 0 : P.groupName,
             graphPadding: 30
           });
-          const B = P == null ? void 0 : P.pictureList.map((F) => {
+          const B = P == null ? void 0 : P.pictureList.map((V) => {
             const Q = {
               shape: "image",
-              imageUrl: F == null ? void 0 : F.imageUrl,
+              imageUrl: V == null ? void 0 : V.imageUrl,
               ports: pg,
               width: 64,
               height: 64,
-              label: F.imageName
+              label: V.imageName
             };
             return s.value.createNode(Q);
           });
@@ -35400,13 +35405,13 @@ const F$ = { class: "control-box" }, V$ = {
             }
             T.addEventListener("mouseenter", (B) => {
               if (P > pa.length) {
-                const F = T.querySelector("text");
-                F && (F.style.display = "block");
+                const V = T.querySelector("text");
+                V && (V.style.display = "block");
               }
             }), T.addEventListener("mouseleave", (B) => {
               if (P > pa.length) {
-                const F = T.querySelector("text");
-                F && (F.style.display = "none");
+                const V = T.querySelector("text");
+                V && (V.style.display = "none");
               }
             });
           });
@@ -35442,10 +35447,10 @@ const F$ = { class: "control-box" }, V$ = {
     }, d = U(!1), h = U(null), f = () => {
       d.value = !0;
       const L = /* @__PURE__ */ new Date();
-      s.value.startBatch(L), s.value.disablePanning(), s.value.once("blank:mousedown", ({ e: k, x: V, y: T }) => {
+      s.value.startBatch(L), s.value.disablePanning(), s.value.once("blank:mousedown", ({ e: k, x: F, y: T }) => {
         d.value && (h.value = s.value.addEdge({
-          source: { x: V, y: T },
-          target: { x: V, y: T },
+          source: { x: F, y: T },
+          target: { x: F, y: T },
           attrs: iu,
           data: {
             type: "edge",
@@ -35453,9 +35458,9 @@ const F$ = { class: "control-box" }, V$ = {
           },
           zIndex: 0
         }));
-      }), s.value.on("blank:mousemove", ({ e: k, x: V, y: T }) => {
-        d.value && h.value.setTarget({ x: V, y: T });
-      }), s.value.on("blank:mouseup", ({ e: k, x: V, y: T }) => {
+      }), s.value.on("blank:mousemove", ({ e: k, x: F, y: T }) => {
+        d.value && h.value.setTarget({ x: F, y: T });
+      }), s.value.on("blank:mouseup", ({ e: k, x: F, y: T }) => {
         d.value = !1, s.value.enablePanning(), s.value.stopBatch(L);
       });
     }, g = () => {
@@ -35489,8 +35494,8 @@ const F$ = { class: "control-box" }, V$ = {
         s.value.drawBackground($f), s.value.drawGrid(zf), s.value.fromJSON({ cells: [] });
         return;
       }
-      const { background: L, grid: k, data: V } = await Ky(t.id);
-      s.value.drawBackground(L), s.value.drawGrid(k), s.value.fromJSON(V), g();
+      const { background: L, grid: k, data: F } = await Ky(t.id);
+      s.value.drawBackground(L), s.value.drawGrid(k), s.value.fromJSON(F), g();
     }, D = cs(null), R = () => {
       new ResizeObserver(() => {
         g();
@@ -35499,11 +35504,11 @@ const F$ = { class: "control-box" }, V$ = {
     return ot(() => {
       a(), c(), _(), R();
     }), (L, k) => {
-      const V = Z("el-icon"), T = Z("el-button"), P = Z("el-dropdown-item"), B = Z("el-dropdown-menu"), F = Z("el-dropdown"), Q = Z("el-scrollbar"), me = Z("el-dialog"), W = Z("el-drawer");
+      const F = Z("el-icon"), T = Z("el-button"), P = Z("el-dropdown-item"), B = Z("el-dropdown-menu"), V = Z("el-dropdown"), Q = Z("el-scrollbar"), me = Z("el-dialog"), W = Z("el-drawer");
       return H(), le("div", s6, [
         X("div", i6, [
           X("div", r6, [
-            E(F, { onCommand: u }, {
+            E(V, { onCommand: u }, {
               dropdown: N(() => [
                 E(B, null, {
                   default: N(() => [
@@ -35567,7 +35572,7 @@ const F$ = { class: "control-box" }, V$ = {
                   }, {
                     default: N(() => [
                       k[3] || (k[3] = De("工具 ")),
-                      E(V, null, {
+                      E(F, null, {
                         default: N(() => [
                           E(A(BA))
                         ]),
@@ -35682,7 +35687,7 @@ const F$ = { class: "control-box" }, V$ = {
       ]);
     };
   }
-}), g6 = /* @__PURE__ */ Ss(f6, [["__scopeId", "data-v-5518fcf6"]]), p6 = [
+}), g6 = /* @__PURE__ */ Ss(f6, [["__scopeId", "data-v-d5c1c90e"]]), p6 = [
   g6,
   $0
 ], z0 = (n, e) => {