jvs-draw 1.1.0 → 1.1.1

package/dist/jvs-draw.es.js

@@ -1,4 +1,4 @@
-import { reactive as R0, markRaw as D1, defineComponent as J2, computed as Q, ref as N, watch as M6, resolveComponent as i6, createElementBlock as R, openBlock as A, normalizeStyle as G2, createElementVNode as g, normalizeClass as $2, Fragment as Y2, renderList as h6, createBlock as m6, withCtx as L2, createCommentVNode as p2, toDisplayString as l6, unref as m2, createVNode as s2, nextTick as _6, withModifiers as F6, onMounted as l1, onUnmounted as w0, withDirectives as X0, vModelText as Y0, mergeModels as Q0, useModel as Z0, createStaticVNode as W0 } from "vue";
+import { reactive as R0, markRaw as D1, defineComponent as J2, computed as Q, ref as N, watch as M6, resolveComponent as n6, createElementBlock as R, openBlock as A, normalizeStyle as G2, createElementVNode as g, normalizeClass as $2, Fragment as Y2, renderList as h6, createBlock as m6, withCtx as L2, createCommentVNode as p2, toDisplayString as l6, unref as m2, createVNode as s2, nextTick as _6, withModifiers as F6, onMounted as l1, onUnmounted as w0, withDirectives as X0, vModelText as Y0, mergeModels as Q0, useModel as Z0, createStaticVNode as W0 } from "vue";
 import { defineStore as U0 } from "pinia";
 import { ElMessageBox as G0 } from "element-plus";
 const N0 = (i, e, t, l, a) => [
@@ -351,16 +351,16 @@ let k6 = (i = 21) => {
     e += r4[t[i] & 63];
   return e;
 };
-const z0 = R0({
+const d4 = a6(), z0 = R0({
   showToolbar: !0,
   showBoardName: !0,
   showFooter: !0,
   showPropertiesPanel: !0,
   editable: !1,
   loadFromLocal: !0
-}), d4 = (i) => {
-  Object.assign(z0, i);
-}, n6 = U0("excalidraw", {
+}), h4 = (i) => {
+  d4.appConfig = Object.assign(z0, i);
+}, a6 = U0("excalidraw", {
   state: () => ({
     // State initialized correctly
     elements: [],
@@ -1067,16 +1067,16 @@ const z0 = R0({
     }, 500);
   };
   window.addEventListener("focus", l), e.click();
-}), h4 = { class: "tool-group" }, p4 = { class: "svg-icon" }, u4 = ["xlink:href"], f4 = ["title"], v4 = { class: "svg-icon" }, m4 = ["xlink:href"], g4 = {
+}), p4 = { class: "tool-group" }, u4 = { class: "svg-icon" }, f4 = ["xlink:href"], v4 = ["title"], m4 = { class: "svg-icon" }, g4 = ["xlink:href"], y4 = {
   key: 0,
   class: "shortcut"
-}, y4 = { class: "sub-tools-container" }, x4 = ["onClick"], b4 = { class: "svg-icon" }, w4 = ["xlink:href"], q4 = ["onClick", "title"], z4 = { class: "svg-icon" }, k4 = ["xlink:href"], M4 = {
+}, x4 = { class: "sub-tools-container" }, b4 = ["onClick"], w4 = { class: "svg-icon" }, q4 = ["xlink:href"], z4 = ["onClick", "title"], k4 = { class: "svg-icon" }, M4 = ["xlink:href"], F4 = {
   key: 0,
   class: "shortcut"
-}, F4 = /* @__PURE__ */ J2({
+}, S4 = /* @__PURE__ */ J2({
   __name: "Toolbar",
   setup(i) {
-    const e = n6(), t = Q(() => e.appState.activeTool), l = Q(() => e.appState.activeToolType), a = N(!1);
+    const e = a6(), t = Q(() => e.appState.activeTool), l = Q(() => e.appState.activeToolType), a = N(!1);
     M6(() => t.value, (d) => {
       d === "shapes" ? a.value = !0 : a.value = !1;
     });
@@ -1136,21 +1136,21 @@ const z0 = R0({
       e.setLockedTool(!e.appState.lockedTool);
     }
     return (d, m) => {
-      const p = i6("el-popover");
+      const p = n6("el-popover");
       return A(), R("div", {
         class: "toolbar glass",
         style: G2({ pointerEvents: c.value ? "none" : "auto" })
       }, [
-        g("div", h4, [
+        g("div", p4, [
           g("div", {
             class: $2({ "tool-item": !0, active: n.value }),
             onClick: y,
             title: "绘制后保持所选工具状态"
           }, [
-            (A(), R("svg", p4, [
+            (A(), R("svg", u4, [
               g("use", {
                 "xlink:href": `${n.value ? "#icon-zujiansuoding" : "#icon-zujianjiesuo"}`
-              }, null, 8, u4)
+              }, null, 8, f4)
             ]))
           ], 2),
           (A(), R(Y2, null, h6(s, (M) => (A(), R(Y2, {
@@ -1173,27 +1173,27 @@ const z0 = R0({
                   class: $2({ "tool-item": !0, active: t.value === M.name }),
                   title: M.label
                 }, [
-                  (A(), R("svg", v4, [
+                  (A(), R("svg", m4, [
                     g("use", {
                       "xlink:href": `${t.value === M.name ? M.activeIcon : M.icon}`
-                    }, null, 8, m4)
+                    }, null, 8, g4)
                   ])),
-                  M.key ? (A(), R("span", g4, l6(M.key), 1)) : p2("", !0)
-                ], 10, f4)
+                  M.key ? (A(), R("span", y4, l6(M.key), 1)) : p2("", !0)
+                ], 10, v4)
               ]),
               default: L2(() => [
-                g("div", y4, [
+                g("div", x4, [
                   (A(!0), R(Y2, null, h6(M.subTools, (k) => (A(), R("div", {
                     key: k.name,
                     class: $2(["sub-tool-item", { active: t.value === M.name && l.value === k.name }]),
                     onClick: (C) => r(k.name, M.name)
                   }, [
-                    (A(), R("svg", b4, [
+                    (A(), R("svg", w4, [
                       g("use", {
                         "xlink:href": `${k.icon}`
-                      }, null, 8, w4)
+                      }, null, 8, q4)
                     ]))
-                  ], 10, x4))), 128))
+                  ], 10, b4))), 128))
                 ])
               ]),
               _: 2
@@ -1204,25 +1204,25 @@ const z0 = R0({
               title: M.label
             }, [
               M.name !== "trand" ? (A(), R(Y2, { key: 0 }, [
-                (A(), R("svg", z4, [
+                (A(), R("svg", k4, [
                   g("use", {
                     "xlink:href": `${t.value === M.name ? M.activeIcon : M.icon}`
-                  }, null, 8, k4)
+                  }, null, 8, M4)
                 ])),
-                M.key ? (A(), R("span", M4, l6(M.key), 1)) : p2("", !0)
+                M.key ? (A(), R("span", F4, l6(M.key), 1)) : p2("", !0)
               ], 64)) : p2("", !0)
-            ], 10, q4))
+            ], 10, z4))
           ], 64))), 64))
         ])
       ], 4);
     };
   }
-}), a6 = (i, e) => {
+}), i6 = (i, e) => {
   const t = i.__vccOpts || i;
   for (const [l, a] of e)
     t[l] = a;
   return t;
-}, S4 = /* @__PURE__ */ a6(F4, [["__scopeId", "data-v-b6ea5f5c"]]);
+}, C4 = /* @__PURE__ */ i6(S4, [["__scopeId", "data-v-b6ea5f5c"]]);
 function r0(i) {
   let e;
   if (i > 100 && (i = 100), i < 0 || i > 100)
@@ -1235,10 +1235,10 @@ function p1(i) {
   const e = parseInt(i, 16);
   return isNaN(e) ? 100 : Math.round(e / 255 * 100);
 }
-const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-icon" }, E4 = ["xlink:href"], T4 = /* @__PURE__ */ J2({
+const B4 = { class: "fill-style-box" }, I4 = ["onClick"], E4 = { class: "svg-icon" }, T4 = ["xlink:href"], H4 = /* @__PURE__ */ J2({
   __name: "fillStyle",
   setup(i) {
-    const e = n6(), t = Q(() => {
+    const e = a6(), t = Q(() => {
       const n = l();
       return n ? n.fillStyle : e.appState.currentItemFillStyle;
     }), l = () => {
@@ -1268,24 +1268,24 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
     ]), s = (n) => {
       e.updateSelectedElements({ fillStyle: n });
     };
-    return (n, o) => (A(), R("div", C4, [
+    return (n, o) => (A(), R("div", B4, [
       (A(!0), R(Y2, null, h6(a.value, (c, r) => (A(), R("div", {
         key: r,
         class: $2(["fill-style-item", { active: t.value === c.value }]),
         onClick: (u) => s(c.value)
       }, [
-        (A(), R("svg", I4, [
+        (A(), R("svg", E4, [
           g("use", {
             "xlink:href": `#${t.value === c.value ? c.iconActive : c.icon}`
-          }, null, 8, E4)
+          }, null, 8, T4)
         ]))
-      ], 10, B4))), 128))
+      ], 10, I4))), 128))
     ]));
   }
-}), M0 = /* @__PURE__ */ a6(T4, [["__scopeId", "data-v-9356d2e1"]]), H4 = { class: "fill-style-box" }, L4 = ["onClick"], V4 = { class: "svg-icon" }, D4 = ["xlink:href"], P4 = /* @__PURE__ */ J2({
+}), M0 = /* @__PURE__ */ i6(H4, [["__scopeId", "data-v-9356d2e1"]]), L4 = { class: "fill-style-box" }, V4 = ["onClick"], D4 = { class: "svg-icon" }, P4 = ["xlink:href"], A4 = /* @__PURE__ */ J2({
   __name: "borderStyle",
   setup(i) {
-    const e = n6(), t = Q(() => {
+    const e = a6(), t = Q(() => {
       const n = l();
       return n ? n.strokeStyle : e.appState.currentItemFillStyle;
     }), l = () => {
@@ -1315,24 +1315,24 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
     ]), s = (n) => {
       e.updateSelectedElements({ strokeStyle: n });
     };
-    return (n, o) => (A(), R("div", H4, [
+    return (n, o) => (A(), R("div", L4, [
       (A(!0), R(Y2, null, h6(a.value, (c, r) => (A(), R("div", {
         key: r,
         class: $2(["fill-style-item", { active: t.value === c.value }]),
         onClick: (u) => s(c.value)
       }, [
-        (A(), R("svg", V4, [
+        (A(), R("svg", D4, [
           g("use", {
             "xlink:href": `#${t.value === c.value ? c.iconActive : c.icon}`
-          }, null, 8, D4)
+          }, null, 8, P4)
         ]))
-      ], 10, L4))), 128))
+      ], 10, V4))), 128))
     ]));
   }
-}), F0 = /* @__PURE__ */ a6(P4, [["__scopeId", "data-v-dcf857c8"]]), A4 = { class: "fill-style-box" }, _4 = ["onClick"], $4 = { class: "svg-icon" }, j4 = ["xlink:href"], O4 = /* @__PURE__ */ J2({
+}), F0 = /* @__PURE__ */ i6(A4, [["__scopeId", "data-v-dcf857c8"]]), _4 = { class: "fill-style-box" }, $4 = ["onClick"], j4 = { class: "svg-icon" }, O4 = ["xlink:href"], R4 = /* @__PURE__ */ J2({
   __name: "lineStyle",
   setup(i) {
-    const e = n6(), t = Q(() => {
+    const e = a6(), t = Q(() => {
       const n = l();
       return n ? n.roughness : e.appState.currentItemRoughness;
     }), l = () => {
@@ -1362,24 +1362,24 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
     ]), s = (n) => {
       e.updateSelectedElements({ roughness: n });
     };
-    return (n, o) => (A(), R("div", A4, [
+    return (n, o) => (A(), R("div", _4, [
       (A(!0), R(Y2, null, h6(a.value, (c, r) => (A(), R("div", {
         key: r,
         class: $2(["fill-style-item", { active: t.value === c.value }]),
         onClick: (u) => s(c.value)
       }, [
-        (A(), R("svg", $4, [
+        (A(), R("svg", j4, [
           g("use", {
             "xlink:href": `#${t.value === c.value ? c.iconActive : c.icon}`
-          }, null, 8, j4)
+          }, null, 8, O4)
         ]))
-      ], 10, _4))), 128))
+      ], 10, $4))), 128))
     ]));
   }
-}), S0 = /* @__PURE__ */ a6(O4, [["__scopeId", "data-v-794ba895"]]), R4 = { class: "fill-style-box" }, X4 = ["onClick"], Y4 = { class: "svg-icon" }, Q4 = ["xlink:href"], Z4 = /* @__PURE__ */ J2({
+}), S0 = /* @__PURE__ */ i6(R4, [["__scopeId", "data-v-794ba895"]]), X4 = { class: "fill-style-box" }, Y4 = ["onClick"], Q4 = { class: "svg-icon" }, Z4 = ["xlink:href"], W4 = /* @__PURE__ */ J2({
   __name: "textStyle",
   setup(i) {
-    const e = n6(), t = () => {
+    const e = a6(), t = () => {
       const n = Object.keys(e.appState.selectedElementIds);
       if (n.length === 0) return null;
       const o = n[n.length - 1];
@@ -1428,24 +1428,24 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
         value: "strikethrough"
       }
     ]);
-    return (n, o) => (A(), R("div", R4, [
+    return (n, o) => (A(), R("div", X4, [
       (A(!0), R(Y2, null, h6(s.value, (c, r) => (A(), R("div", {
         key: r,
         class: $2(["fill-style-item", { active: l(c.value) }]),
         onClick: (u) => a(c.value)
       }, [
-        (A(), R("svg", Y4, [
+        (A(), R("svg", Q4, [
           g("use", {
             "xlink:href": `#${l(c.value) ? c.iconActive : c.icon}`
-          }, null, 8, Q4)
+          }, null, 8, Z4)
         ]))
-      ], 10, X4))), 128))
+      ], 10, Y4))), 128))
     ]));
   }
-}), C0 = /* @__PURE__ */ a6(Z4, [["__scopeId", "data-v-36600f47"]]), W4 = ["onClick"], U4 = { class: "svg-icon" }, G4 = ["xlink:href"], N4 = ["onClick"], K4 = { class: "svg-icon" }, J4 = ["xlink:href"], t3 = /* @__PURE__ */ J2({
+}), C0 = /* @__PURE__ */ i6(W4, [["__scopeId", "data-v-36600f47"]]), U4 = ["onClick"], G4 = { class: "svg-icon" }, N4 = ["xlink:href"], K4 = ["onClick"], J4 = { class: "svg-icon" }, t3 = ["xlink:href"], e3 = /* @__PURE__ */ J2({
   __name: "alignStyle",
   setup(i) {
-    const e = n6(), t = Q(() => e.appState.activeTool), l = Q(() => Object.keys(e.appState.selectedElementIds)), a = Q(() => l.value.length > 0), s = () => {
+    const e = a6(), t = Q(() => e.appState.activeTool), l = Q(() => Object.keys(e.appState.selectedElementIds)), a = Q(() => l.value.length > 0), s = () => {
       if (t.value === "selection") {
         if (!a.value) return "none";
         const p = l.value[0], M = e.elements.find((k) => k.id === p);
@@ -1519,29 +1519,29 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
         class: $2(["fill-style-item", { active: o.value === k.value }]),
         onClick: (q) => d(k.value)
       }, [
-        (A(), R("svg", U4, [
+        (A(), R("svg", G4, [
           g("use", {
             "xlink:href": `#${o.value === k.value ? k.iconActive : k.icon}`
-          }, null, 8, G4)
+          }, null, 8, N4)
         ]))
-      ], 10, W4))), 128)),
+      ], 10, U4))), 128)),
       n.value ? (A(!0), R(Y2, { key: 0 }, h6(y.value, (k, C) => (A(), R("div", {
         key: C,
         class: $2(["fill-style-item", { active: c.value === k.value }]),
         onClick: (q) => m(k.value)
       }, [
-        (A(), R("svg", K4, [
+        (A(), R("svg", J4, [
           g("use", {
             "xlink:href": `#${c.value === k.value ? k.iconActive : k.icon}`
-          }, null, 8, J4)
+          }, null, 8, t3)
         ]))
-      ], 10, N4))), 128)) : p2("", !0)
+      ], 10, K4))), 128)) : p2("", !0)
     ], 2));
   }
-}), B0 = /* @__PURE__ */ a6(t3, [["__scopeId", "data-v-b408686c"]]), e3 = { class: "fill-style-box" }, l3 = ["onClick"], a3 = { class: "svg-icon" }, i3 = ["xlink:href"], n3 = /* @__PURE__ */ J2({
+}), B0 = /* @__PURE__ */ i6(e3, [["__scopeId", "data-v-b408686c"]]), l3 = { class: "fill-style-box" }, a3 = ["onClick"], i3 = { class: "svg-icon" }, n3 = ["xlink:href"], s3 = /* @__PURE__ */ J2({
   __name: "arrowStyle",
   setup(i) {
-    const e = n6(), t = Q(() => {
+    const e = a6(), t = Q(() => {
       const n = l();
       return n ? n.arrowType : e.appState.currentItemArrowType;
     }), l = () => {
@@ -1571,54 +1571,54 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
     ]), s = (n) => {
       e.updateSelectedElements({ arrowType: n });
     };
-    return (n, o) => (A(), R("div", e3, [
+    return (n, o) => (A(), R("div", l3, [
       (A(!0), R(Y2, null, h6(a.value, (c, r) => (A(), R("div", {
         key: r,
         class: $2(["fill-style-item", { active: t.value === c.value }]),
         onClick: (u) => s(c.value)
       }, [
-        (A(), R("svg", a3, [
+        (A(), R("svg", i3, [
           g("use", {
             "xlink:href": `#${t.value === c.value ? c.iconActive : c.icon}`
-          }, null, 8, i3)
+          }, null, 8, n3)
         ]))
-      ], 10, l3))), 128))
+      ], 10, a3))), 128))
     ]));
   }
-}), I0 = /* @__PURE__ */ a6(n3, [["__scopeId", "data-v-b56fafad"]]), s3 = { class: "header" }, o3 = { class: "content" }, c3 = { class: "shape-panel-box" }, r3 = { class: "input-box" }, d3 = { class: "input-box" }, h3 = {
+}), I0 = /* @__PURE__ */ i6(s3, [["__scopeId", "data-v-b56fafad"]]), o3 = { class: "header" }, c3 = { class: "content" }, r3 = { class: "shape-panel-box" }, d3 = { class: "input-box" }, h3 = { class: "input-box" }, p3 = {
   key: 0,
   class: "input-box"
-}, p3 = {
+}, u3 = {
   key: 1,
   class: "input-box"
-}, u3 = {
+}, f3 = {
   key: 3,
   class: "btn-box"
-}, f3 = { class: "svg-icon" }, v3 = ["xlink:href"], m3 = {
+}, v3 = { class: "svg-icon" }, m3 = ["xlink:href"], g3 = {
   key: 0,
   class: "roundness-box"
-}, g3 = { class: "style-item" }, y3 = {
+}, y3 = { class: "style-item" }, x3 = {
   key: 0,
   class: "svg-icon"
-}, x3 = { class: "color-text" }, b3 = { class: "style-item" }, w3 = { class: "style-item" }, q3 = { class: "style-item" }, z3 = {
+}, b3 = { class: "color-text" }, w3 = { class: "style-item" }, q3 = { class: "style-item" }, z3 = { class: "style-item" }, k3 = {
   key: 0,
   class: "svg-icon"
-}, k3 = { class: "color-text" }, M3 = { class: "style-item" }, F3 = { class: "style-item" }, S3 = {
+}, M3 = { class: "color-text" }, F3 = { class: "style-item" }, S3 = { class: "style-item" }, C3 = {
   key: 0,
   class: "style-item"
-}, C3 = { class: "style-item" }, B3 = {
+}, B3 = { class: "style-item" }, I3 = {
   key: 1,
   class: "style-item"
-}, I3 = { class: "title" }, E3 = { class: "style-item" }, T3 = { class: "style-boxs" }, H3 = { class: "style-boxs-item" }, L3 = { class: "style-boxs-item" }, V3 = { class: "style-item" }, D3 = {
+}, E3 = { class: "title" }, T3 = { class: "style-item" }, H3 = { class: "style-boxs" }, L3 = { class: "style-boxs-item" }, V3 = { class: "style-boxs-item" }, D3 = { class: "style-item" }, P3 = {
   key: 0,
   class: "svg-icon"
-}, P3 = { class: "color-text" }, A3 = { class: "style-item" }, _3 = {
+}, A3 = { class: "color-text" }, _3 = { class: "style-item" }, $3 = {
   key: 0,
   class: "svg-icon"
-}, $3 = { class: "color-text" }, j3 = /* @__PURE__ */ J2({
+}, j3 = { class: "color-text" }, O3 = /* @__PURE__ */ J2({
   __name: "PropertiesPanel",
   setup(i) {
-    const e = n6(), t = N(), l = N(), a = N(), s = N(), n = N(), o = N(), c = N(), r = N(), u = () => {
+    const e = a6(), t = N(), l = N(), a = N(), s = N(), n = N(), o = N(), c = N(), r = N(), u = () => {
       e.appState.isPropertiesPanelOpen = !1;
     }, y = [12, 14, 16, 18, 20, 24, 28, 32, 36], d = () => {
       const E = Object.keys(e.appState.selectedElementIds);
@@ -1929,13 +1929,13 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
       });
     };
     return (E, T) => {
-      const g2 = i6("el-input-number"), C2 = i6("el-slider"), c2 = i6("jvs-picker-color-v3"), y2 = i6("el-select"), d1 = i6("el-option"), h1 = i6("el-input"), E1 = i6("el-scrollbar");
+      const g2 = n6("el-input-number"), C2 = n6("el-slider"), c2 = n6("jvs-picker-color-v3"), y2 = n6("el-select"), d1 = n6("el-option"), h1 = n6("el-input"), E1 = n6("el-scrollbar");
       return m2(e).appState.isPropertiesPanelOpen ? (A(), R("div", {
         key: 0,
         class: "properties-panel",
         style: G2({ pointerEvents: u2.value ? "none" : "auto" })
       }, [
-        g("div", s3, [
+        g("div", o3, [
           T[16] || (T[16] = g("div", null, "形状", -1)),
           (A(), R("svg", { onClick: u }, [...T[15] || (T[15] = [
             g("use", { "xlink:href": "#jvs-public-danchuangguanbi1" }, null, -1)
@@ -1943,12 +1943,12 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
         ]),
         s2(E1, null, {
           default: L2(() => [
-            g("div", o3, [
-              g("div", c3, [
+            g("div", c3, [
+              g("div", r3, [
                 g("div", {
                   class: $2(["shape-panel-row", { "not-bind-width-height": Z.value || !a2.value }])
                 }, [
-                  g("div", r3, [
+                  g("div", d3, [
                     T[17] || (T[17] = g("div", { class: "icon" }, "X", -1)),
                     s2(g2, {
                       modelValue: l2.value,
@@ -1957,7 +1957,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                       "controls-position": "right"
                     }, null, 8, ["modelValue"])
                   ]),
-                  g("div", d3, [
+                  g("div", h3, [
                     T[18] || (T[18] = g("div", { class: "icon" }, "Y", -1)),
                     s2(g2, {
                       modelValue: Q2.value,
@@ -1966,7 +1966,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                       "controls-position": "right"
                     }, null, 8, ["modelValue"])
                   ]),
-                  Z.value ? p2("", !0) : (A(), R("div", h3, [
+                  Z.value ? p2("", !0) : (A(), R("div", p3, [
                     T[19] || (T[19] = g("div", { class: "icon" }, "W", -1)),
                     s2(g2, {
                       modelValue: n2.value,
@@ -1975,7 +1975,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                       "controls-position": "right"
                     }, null, 8, ["modelValue"])
                   ])),
-                  Z.value ? p2("", !0) : (A(), R("div", p3, [
+                  Z.value ? p2("", !0) : (A(), R("div", u3, [
                     T[20] || (T[20] = g("div", { class: "icon" }, "H", -1)),
                     s2(g2, {
                       modelValue: t6.value,
@@ -2005,7 +2005,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                       style: G2({ left: 32 + P2.value * 8 + "px" })
                     }, "°", 4)
                   ], 32)) : p2("", !0),
-                  o2.value ? (A(), R("div", u3, [
+                  o2.value ? (A(), R("div", f3, [
                     g("div", {
                       class: $2(["btn-item", { active: w2.value }]),
                       onClick: d2
@@ -2029,14 +2029,14 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                   class: $2(["bind-box", { active: n1.value }]),
                   onClick: g6
                 }, [
-                  (A(), R("svg", f3, [
+                  (A(), R("svg", v3, [
                     g("use", {
                       "xlink:href": n1.value ? "#icon-suoding1" : "#icon-quxiaosuoding"
-                    }, null, 8, v3)
+                    }, null, 8, m3)
                   ]))
                 ], 2))
               ]),
-              a2.value ? (A(), R("div", m3, [
+              a2.value ? (A(), R("div", g3, [
                 T[25] || (T[25] = g("div", {
                   class: "item-label",
                   style: { "padding-right": "8px" }
@@ -2063,7 +2063,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                 T[31] || (T[31] = g("div", { class: "type-item-title" }, [
                   g("div", { class: "title" }, "填充")
                 ], -1)),
-                g("div", g3, [
+                g("div", y3, [
                   T[27] || (T[27] = g("div", { class: "title" }, "颜色", -1)),
                   s2(c2, {
                     color: X.value,
@@ -2082,14 +2082,14 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                         ref: t,
                         onClick: T[7] || (T[7] = (E6) => o1())
                       }, [
-                        X.value == "transparent" || !X.value || U.value == 0 ? (A(), R("svg", y3, [...T[26] || (T[26] = [
+                        X.value == "transparent" || !X.value || U.value == 0 ? (A(), R("svg", x3, [...T[26] || (T[26] = [
                           g("use", { "xlink:href": "#icon-wuyanse" }, null, -1)
                         ])])) : (A(), R("div", {
                           key: 1,
                           class: "color-box",
                           style: G2({ background: C.value })
                         }, null, 4)),
-                        g("div", x3, l6(X.value != "transparent" ? X.value.substring(
+                        g("div", b3, l6(X.value != "transparent" ? X.value.substring(
                           0,
                           7
                         ).toUpperCase() : X.value), 1)
@@ -2098,7 +2098,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                     _: 1
                   }, 8, ["color", "options"])
                 ]),
-                g("div", b3, [
+                g("div", w3, [
                   T[28] || (T[28] = g("div", { class: "title" }, "透明度", -1)),
                   s2(C2, {
                     modelValue: U.value,
@@ -2109,7 +2109,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                     max: 100
                   }, null, 8, ["modelValue"])
                 ]),
-                g("div", w3, [
+                g("div", q3, [
                   T[29] || (T[29] = g("div", { class: "title" }, "填充样式", -1)),
                   s2(M0, { style: { width: "100%" } })
                 ])
@@ -2119,7 +2119,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                 T[39] || (T[39] = g("div", { class: "type-item-title" }, [
                   g("div", { class: "title" }, "描边")
                 ], -1)),
-                g("div", q3, [
+                g("div", z3, [
                   T[33] || (T[33] = g("div", { class: "title" }, "颜色", -1)),
                   s2(c2, {
                     color: S2.value,
@@ -2138,14 +2138,14 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                         ref: a,
                         onClick: T[9] || (T[9] = (E6) => $6())
                       }, [
-                        S2.value == "transparent" || !S2.value || V.value == 0 ? (A(), R("svg", z3, [...T[32] || (T[32] = [
+                        S2.value == "transparent" || !S2.value || V.value == 0 ? (A(), R("svg", k3, [...T[32] || (T[32] = [
                           g("use", { "xlink:href": "#icon-wuyanse" }, null, -1)
                         ])])) : (A(), R("div", {
                           key: 1,
                           class: "color-box",
                           style: G2({ background: q.value })
                         }, null, 4)),
-                        g("div", k3, l6(S2.value != "transparent" ? S2.value.substring(
+                        g("div", M3, l6(S2.value != "transparent" ? S2.value.substring(
                           0,
                           7
                         ).toUpperCase() : S2.value), 1)
@@ -2154,7 +2154,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                     _: 1
                   }, 8, ["color", "options"])
                 ]),
-                g("div", M3, [
+                g("div", F3, [
                   T[34] || (T[34] = g("div", { class: "title" }, "粗细", -1)),
                   s2(C2, {
                     modelValue: e2.value,
@@ -2165,7 +2165,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                     max: 10
                   }, null, 8, ["modelValue"])
                 ]),
-                g("div", F3, [
+                g("div", S3, [
                   T[35] || (T[35] = g("div", { class: "title" }, "透明度", -1)),
                   s2(C2, {
                     modelValue: V.value,
@@ -2176,16 +2176,16 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                     max: 100
                   }, null, 8, ["modelValue"])
                 ]),
-                k() != "freedraw" ? (A(), R("div", S3, [
+                k() != "freedraw" ? (A(), R("div", C3, [
                   T[36] || (T[36] = g("div", { class: "title" }, "样式", -1)),
                   s2(F0, { style: { width: "100%" } })
                 ])) : p2("", !0),
-                g("div", C3, [
+                g("div", B3, [
                   T[37] || (T[37] = g("div", { class: "title" }, "风格", -1)),
                   s2(S0, { style: { width: "100%" } })
                 ]),
-                i2.value ? (A(), R("div", B3, [
-                  g("div", I3, l6(k() == "arrow" ? "箭头" : "线条") + "类型", 1),
+                i2.value ? (A(), R("div", I3, [
+                  g("div", E3, l6(k() == "arrow" ? "箭头" : "线条") + "类型", 1),
                   s2(I0, { style: { width: "100%" } })
                 ])) : p2("", !0)
               ], 64)) : p2("", !0),
@@ -2194,10 +2194,10 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                 T[46] || (T[46] = g("div", { class: "type-item-title" }, [
                   g("div", { class: "title" }, "文本设置")
                 ], -1)),
-                g("div", E3, [
+                g("div", T3, [
                   T[40] || (T[40] = g("div", { class: "title" }, "样式", -1)),
-                  g("div", T3, [
-                    g("div", H3, [
+                  g("div", H3, [
+                    g("div", L3, [
                       s2(y2, { style: { width: "100%" } }),
                       s2(y2, {
                         style: { width: "100%" },
@@ -2215,7 +2215,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                         _: 1
                       }, 8, ["modelValue"])
                     ]),
-                    g("div", L3, [
+                    g("div", V3, [
                       s2(h1),
                       s2(h1)
                     ]),
@@ -2223,7 +2223,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                     s2(B0)
                   ])
                 ]),
-                g("div", V3, [
+                g("div", D3, [
                   T[42] || (T[42] = g("div", { class: "title" }, "文本颜色", -1)),
                   s2(c2, {
                     color: I2.value,
@@ -2242,14 +2242,14 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                         ref: o,
                         onClick: T[13] || (T[13] = (E6) => C1())
                       }, [
-                        I2.value == "transparent" || !I2.value ? (A(), R("svg", D3, [...T[41] || (T[41] = [
+                        I2.value == "transparent" || !I2.value ? (A(), R("svg", P3, [...T[41] || (T[41] = [
                           g("use", { "xlink:href": "#icon-wuyanse" }, null, -1)
                         ])])) : (A(), R("div", {
                           key: 1,
                           class: "color-box",
                           style: G2({ background: I2.value })
                         }, null, 4)),
-                        g("div", P3, l6(I2.value != "transparent" ? I2.value.substring(
+                        g("div", A3, l6(I2.value != "transparent" ? I2.value.substring(
                           0,
                           7
                         ).toUpperCase() : I2.value), 1)
@@ -2258,7 +2258,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                     _: 1
                   }, 8, ["color", "options"])
                 ]),
-                g("div", A3, [
+                g("div", _3, [
                   T[44] || (T[44] = g("div", { class: "title" }, "文本背景色", -1)),
                   s2(c2, {
                     color: D2.value,
@@ -2277,14 +2277,14 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
                         ref: n,
                         onClick: T[14] || (T[14] = (E6) => S1())
                       }, [
-                        D2.value == "transparent" || !D2.value ? (A(), R("svg", _3, [...T[43] || (T[43] = [
+                        D2.value == "transparent" || !D2.value ? (A(), R("svg", $3, [...T[43] || (T[43] = [
                           g("use", { "xlink:href": "#icon-wuyanse" }, null, -1)
                         ])])) : (A(), R("div", {
                           key: 1,
                           class: "color-box",
                           style: G2({ background: D2.value })
                         }, null, 4)),
-                        g("div", $3, l6(D2.value != "transparent" ? D2.value.substring(
+                        g("div", j3, l6(D2.value != "transparent" ? D2.value.substring(
                           0,
                           7
                         ).toUpperCase() : D2.value), 1)
@@ -2301,7 +2301,7 @@ const C4 = { class: "fill-style-box" }, B4 = ["onClick"], I4 = { class: "svg-ico
       ], 4)) : p2("", !0);
     };
   }
-}), O3 = /* @__PURE__ */ a6(j3, [["__scopeId", "data-v-00889af3"]]);
+}), R3 = /* @__PURE__ */ i6(O3, [["__scopeId", "data-v-00889af3"]]);
 function _1(i, e, t) {
   if (i && i.length) {
     const [l, a] = e, s = Math.PI / 180 * t, n = Math.cos(s), o = Math.sin(s);
@@ -2311,17 +2311,17 @@ function _1(i, e, t) {
     }
   }
 }
-function R3(i, e) {
+function X3(i, e) {
   return i[0] === e[0] && i[1] === e[1];
 }
-function X3(i, e, t, l = 1) {
+function Y3(i, e, t, l = 1) {
   const a = t, s = Math.max(e, 0.1), n = i[0] && i[0][0] && typeof i[0][0] == "number" ? [i] : i, o = [0, 0];
   if (a) for (const r of n) _1(r, o, a);
   const c = (function(r, u, y) {
     const d = [];
     for (const q of r) {
       const I = [...q];
-      R3(I[0], I[I.length - 1]) || I.push([I[0][0], I[0][1]]), I.length > 2 && d.push(I);
+      X3(I[0], I[I.length - 1]) || I.push([I[0][0], I[0][1]]), I.length > 2 && d.push(I);
     }
     const m = [];
     u = Math.max(u, 0.1);
@@ -2370,7 +2370,7 @@ function a1(i, e) {
   let a = e.hachureGap;
   a < 0 && (a = 4 * e.strokeWidth), a = Math.round(Math.max(a, 0.1));
   let s = 1;
-  return e.roughness >= 1 && (((t = e.randomizer) === null || t === void 0 ? void 0 : t.next()) || Math.random()) > 0.7 && (s = a), X3(i, a, l, s || 1);
+  return e.roughness >= 1 && (((t = e.randomizer) === null || t === void 0 ? void 0 : t.next()) || Math.random()) > 0.7 && (s = a), Y3(i, a, l, s || 1);
 }
 class K1 {
   constructor(e) {
@@ -2393,7 +2393,7 @@ function q1(i) {
   const e = i[0], t = i[1];
   return Math.sqrt(Math.pow(e[0] - t[0], 2) + Math.pow(e[1] - t[1], 2));
 }
-class Y3 extends K1 {
+class Q3 extends K1 {
   fillPolygons(e, t) {
     let l = t.hachureGap;
     l < 0 && (l = 4 * t.strokeWidth), l = Math.max(l, 0.1);
@@ -2402,13 +2402,13 @@ class Y3 extends K1 {
     return { type: "fillSketch", ops: this.renderLines(n, t) };
   }
 }
-class Q3 extends K1 {
+class Z3 extends K1 {
   fillPolygons(e, t) {
     const l = this._fillPolygons(e, t), a = Object.assign({}, t, { hachureAngle: t.hachureAngle + 90 }), s = this._fillPolygons(e, a);
     return l.ops = l.ops.concat(s.ops), l;
   }
 }
-class Z3 {
+class W3 {
   constructor(e) {
     this.helper = e;
   }
@@ -2433,7 +2433,7 @@ class Z3 {
     return { type: "fillSketch", ops: l };
   }
 }
-class W3 {
+class U3 {
   constructor(e) {
     this.helper = e;
   }
@@ -2455,7 +2455,7 @@ class W3 {
     })), s;
   }
 }
-class U3 {
+class G3 {
   constructor(e) {
     this.helper = e;
   }
@@ -2478,7 +2478,7 @@ class U3 {
   }
 }
 const d6 = {};
-class G3 {
+class N3 {
   constructor(e) {
     this.seed = e;
   }
@@ -2486,7 +2486,7 @@ class G3 {
     return this.seed ? (2 ** 31 - 1 & (this.seed = Math.imul(48271, this.seed))) / 2 ** 31 : Math.random();
   }
 }
-const N3 = 0, $1 = 1, d0 = 2, u1 = { A: 7, a: 7, C: 6, c: 6, H: 1, h: 1, L: 2, l: 2, M: 2, m: 2, Q: 4, q: 4, S: 4, s: 4, T: 2, t: 2, V: 1, v: 1, Z: 0, z: 0 };
+const K3 = 0, $1 = 1, d0 = 2, u1 = { A: 7, a: 7, C: 6, c: 6, H: 1, h: 1, L: 2, l: 2, M: 2, m: 2, Q: 4, q: 4, S: 4, s: 4, T: 2, t: 2, V: 1, v: 1, Z: 0, z: 0 };
 function j1(i, e) {
   return i.type === e;
 }
@@ -2494,7 +2494,7 @@ function J1(i) {
   const e = [], t = (function(n) {
     const o = new Array();
     for (; n !== ""; ) if (n.match(/^([ \t\r\n,]+)/)) n = n.substr(RegExp.$1.length);
-    else if (n.match(/^([aAcChHlLmMqQsStTvVzZ])/)) o[o.length] = { type: N3, text: RegExp.$1 }, n = n.substr(RegExp.$1.length);
+    else if (n.match(/^([aAcChHlLmMqQsStTvVzZ])/)) o[o.length] = { type: K3, text: RegExp.$1 }, n = n.substr(RegExp.$1.length);
     else {
       if (!n.match(/^(([-+]?[0-9]+(\.[0-9]*)?|[-+]?\.[0-9]+)([eE][-+]?[0-9]+)?)/)) return [];
       o[o.length] = { type: $1, text: `${parseFloat(RegExp.$1)}` }, n = n.substr(RegExp.$1.length);
@@ -2679,7 +2679,7 @@ function H0(i, e, t, l, a, s, n, o, c, r) {
     return V;
   }
 }
-const K3 = { randOffset: function(i, e) {
+const J3 = { randOffset: function(i, e) {
   return r2(i, e);
 }, randOffsetWithRange: function(i, e, t) {
   return y1(i, e, t);
@@ -2701,7 +2701,7 @@ function m1(i, e, t) {
   }
   return l === 2 ? L0(i[0][0], i[0][1], i[1][0], i[1][1], t) : { type: "path", ops: [] };
 }
-function J3(i, e, t, l, a) {
+function t8(i, e, t, l, a) {
   return (function(s, n) {
     return m1(s, !0, n);
   })([[i, e], [i + t, e], [i + t, e + l], [i, e + l]], a);
@@ -2762,7 +2762,7 @@ function u0(i, e) {
       break;
     case "C": {
       const [c, r, u, y, d, m] = o;
-      l.push(...t8(c, r, u, y, d, m, s, e)), s = [d, m];
+      l.push(...e8(c, r, u, y, d, m, s, e)), s = [d, m];
       break;
     }
     case "Z":
@@ -2786,32 +2786,32 @@ function Q6(i, e) {
     let a = t.fillStyle || "hachure";
     if (!d6[a]) switch (a) {
       case "zigzag":
-        d6[a] || (d6[a] = new Y3(l));
+        d6[a] || (d6[a] = new Q3(l));
         break;
       case "cross-hatch":
-        d6[a] || (d6[a] = new Q3(l));
+        d6[a] || (d6[a] = new Z3(l));
         break;
       case "dots":
-        d6[a] || (d6[a] = new Z3(l));
+        d6[a] || (d6[a] = new W3(l));
         break;
       case "dashed":
-        d6[a] || (d6[a] = new W3(l));
+        d6[a] || (d6[a] = new U3(l));
         break;
       case "zigzag-line":
-        d6[a] || (d6[a] = new U3(l));
+        d6[a] || (d6[a] = new G3(l));
         break;
       default:
         a = "hachure", d6[a] || (d6[a] = new K1(l));
     }
     return d6[a];
-  })(e, K3).fillPolygons(i, e);
+  })(e, J3).fillPolygons(i, e);
 }
 function f0(i) {
   const e = Object.assign({}, i);
   return e.randomizer = void 0, i.seed && (e.seed = i.seed + 1), e;
 }
 function D0(i) {
-  return i.randomizer || (i.randomizer = new G3(i.seed || 0)), i.randomizer.next();
+  return i.randomizer || (i.randomizer = new N3(i.seed || 0)), i.randomizer.next();
 }
 function y1(i, e, t, l = 1) {
   return t.roughness * l * (D0(t) * (e - i) + i);
@@ -2883,7 +2883,7 @@ function m0(i, e, t, l, a, s, n, o, c) {
   for (let y = r; y <= n; y += i) u.push([r2(o, c) + e + l * Math.cos(y), r2(o, c) + t + a * Math.sin(y)]);
   return u.push([e + l * Math.cos(n), t + a * Math.sin(n)]), u.push([e + l * Math.cos(n), t + a * Math.sin(n)]), x1(u, null, c);
 }
-function t8(i, e, t, l, a, s, n, o) {
+function e8(i, e, t, l, a, s, n, o) {
   const c = [], r = [o.maxRandomnessOffset || 1, (o.maxRandomnessOffset || 1) + 0.3];
   let u = [0, 0];
   const y = o.disableMultiStroke ? 1 : 2, d = o.preserveVertices;
@@ -2914,7 +2914,7 @@ function g0(i, e = 0) {
 function g1(i, e) {
   return Math.pow(i[0] - e[0], 2) + Math.pow(i[1] - e[1], 2);
 }
-function e8(i, e, t) {
+function l8(i, e, t) {
   const l = g1(e, t);
   if (l === 0) return g1(i, e);
   let a = ((i[0] - e[0]) * (t[0] - e[0]) + (i[1] - e[1]) * (t[1] - e[1])) / l;
@@ -2945,14 +2945,14 @@ function G1(i, e, t, l) {
   var s, n;
   return a;
 }
-function l8(i, e) {
+function a8(i, e) {
   return b1(i, 0, i.length, e);
 }
 function b1(i, e, t, l, a) {
   const s = a || [], n = i[e], o = i[t - 1];
   let c = 0, r = 1;
   for (let u = e + 1; u < t - 1; ++u) {
-    const y = e8(i[u], n, o);
+    const y = l8(i[u], n, o);
     y > c && (c = y, r = u);
   }
   return Math.sqrt(c) > l ? (b1(i, e, r + 1, l, s), b1(i, r, t, l, s)) : (s.length || s.push(n), s.push(o)), s;
@@ -2982,7 +2982,7 @@ class w1 {
     return this._d("line", [L0(e, t, l, a, n)], n);
   }
   rectangle(e, t, l, a, s) {
-    const n = this._o(s), o = [], c = J3(e, t, l, a, n);
+    const n = this._o(s), o = [], c = t8(e, t, l, a, n);
     if (n.fill) {
       const r = [[e, t], [e + l, t], [e + l, t + a], [e, t + a]];
       n.fillStyle === "solid" ? o.push(O1([r], n)) : o.push(Q6([r], n));
@@ -3076,7 +3076,7 @@ class w1 {
       if (I(), !d) return p;
       const j = [];
       for (const Z of p) {
-        const a2 = l8(Z, d);
+        const a2 = a8(Z, d);
         a2.length && j.push(a2);
       }
       return j;
@@ -3133,7 +3133,7 @@ class w1 {
     return e.filter(((t, l) => l === 0 || t.op !== "move"));
   }
 }
-class a8 {
+class i8 {
   constructor(e, t) {
     this.canvas = e, this.ctx = this.canvas.getContext("2d"), this.gen = new w1(t);
   }
@@ -3218,7 +3218,7 @@ class a8 {
   }
 }
 const v1 = "http://www.w3.org/2000/svg";
-class i8 {
+class n8 {
   constructor(e, t) {
     this.svg = e, this.gen = new w1(t);
   }
@@ -3292,8 +3292,8 @@ class i8 {
     return this.draw(l);
   }
 }
-var n8 = { canvas: (i, e) => new a8(i, e), svg: (i, e) => new i8(i, e), generator: (i) => new w1(i), newSeed: () => w1.newSeed() };
-const y0 = /* @__PURE__ */ new Map(), X1 = /* @__PURE__ */ new Map(), s8 = (i) => {
+var s8 = { canvas: (i, e) => new i8(i, e), svg: (i, e) => new n8(i, e), generator: (i) => new w1(i), newSeed: () => w1.newSeed() };
+const y0 = /* @__PURE__ */ new Map(), X1 = /* @__PURE__ */ new Map(), o8 = (i) => {
   if (X1.has(i)) return X1.get(i);
   const e = document.createElement("canvas");
   e.width = 40, e.height = 40;
@@ -3305,7 +3305,7 @@ const y0 = /* @__PURE__ */ new Map(), X1 = /* @__PURE__ */ new Map(), s8 = (i) =
   t.scale(n, n), t.translate(-512, -512);
   const o = new Path2D("M771.09045312 471.64751562L252.89970312 471.64751562c-44.7575625 0-81.03670312 36.20432813-81.03670312 80.87625001l0 343.07339062c0 44.67290625 36.27914062 80.87625 81.03670312 80.87625l518.19173438 0c44.75854688 0 81.04753125-36.20334375 81.04753125-80.87625L852.13896875 552.52376563C852.13798437 507.85184375 815.849 471.64751562 771.09045312 471.64751562zM546.12434375 721.73979687l0 90.04964063c0 18.8409375-15.26864062 34.13123438-34.12926563 34.13123438-18.84979688 0-34.12926563-15.29029687-34.12926562-34.13123438l0-90.04964062c-20.37951562-11.804625-34.13025-33.80835938-34.13025-59.06348438 0-37.7015625 30.55795313-68.2605 68.25951562-68.2605s68.27034375 30.5589375 68.27034375 68.2605C580.26542188 687.9314375 566.52551562 709.93517188 546.12434375 721.73979687zM511.99507812 147.37175c-131.95251562 0-238.92946875 105.46889063-238.92946875 244.04034375l1e-8 105.98273437 477.87075 22.75284375L750.93635938 391.41209375C750.93635938 252.84064062 643.95940625 147.37175 511.99507812 147.37175zM341.36745312 491.406875L341.36745312 389.03876562c0-94.2204375 76.395375-170.627625 170.62664063-170.627625 94.24209375 0 170.627625 76.4071875 170.627625 170.627625l0 104.76309375L341.36745312 491.406875z");
   return t.fillStyle = i, t.fill(o), t.restore(), X1.set(i, e), e;
-}, o8 = (i, e, t, l, a, s, n) => {
+}, c8 = (i, e, t, l, a, s, n) => {
   if (n === "none") return;
   const o = e.width / s, c = e.height / s, r = -t, u = -l, y = r + o / a, d = u + c / a, m = 20, p = Math.floor(r / m) * m, M = Math.floor(u / m) * m;
   if (i.save(), n === "dot") {
@@ -3335,13 +3335,13 @@ const y0 = /* @__PURE__ */ new Map(), X1 = /* @__PURE__ */ new Map(), s8 = (i) =
     i.stroke();
   }
   i.restore();
-}, c8 = (i, e, t, l, a, s = {}, n = null, o = {}, c = null, r = {}, u = "none", y = null, d = "#FFFFFF") => {
+}, r8 = (i, e, t, l, a, s = {}, n = null, o = {}, c = null, r = {}, u = "none", y = null, d = "#FFFFFF") => {
   const m = i.getContext("2d");
   if (!m) return;
-  const p = n8.canvas(i);
+  const p = s8.canvas(i);
   m.clearRect(0, 0, i.width, i.height), m.fillStyle = d, m.fillRect(0, 0, i.width, i.height);
   const M = window.devicePixelRatio || 1;
-  m.save(), m.scale(M, M), m.scale(a, a), m.translate(t, l), o8(m, i, t, l, a, M, u);
+  m.save(), m.scale(M, M), m.scale(a, a), m.translate(t, l), c8(m, i, t, l, a, M, u);
   const k = [], C = [], q = [], I = [], j = {};
   e.forEach((V) => {
     if (V.isDeleted) return;
@@ -3620,7 +3620,7 @@ const y0 = /* @__PURE__ */ new Map(), X1 = /* @__PURE__ */ new Map(), s8 = (i) =
       break;
   }
   if (e.globalAlpha = 1, a && !t.containerId && (e.strokeStyle = t.locked ? "#d2e2ff" : "#1e6fff", e.lineWidth = 1, n === "dashed" && e.setLineDash([5, 5]), e.strokeRect(-4, -4, t.width + 8, t.height + 8), e.setLineDash([]), t.locked)) {
-    const a2 = s8(r ? "#1e6fff" : "black");
+    const a2 = o8(r ? "#1e6fff" : "black");
     a2 && e.drawImage(a2, 0, -50, 40, 40);
   }
   if (o) {
@@ -3666,7 +3666,7 @@ const y0 = /* @__PURE__ */ new Map(), X1 = /* @__PURE__ */ new Map(), s8 = (i) =
     e.stroke();
   }
   e.restore();
-}, r8 = (i) => {
+}, d8 = (i) => {
   if (i.length < 3) return i;
   let e = [...i];
   for (let t = 0; t < 2; t++) {
@@ -3687,7 +3687,7 @@ const y0 = /* @__PURE__ */ new Map(), X1 = /* @__PURE__ */ new Map(), s8 = (i) =
     l.push(e[e.length - 1]), e = l;
   }
   return e;
-}, d8 = (i, e, t, l, a) => {
+}, h8 = (i, e, t, l, a) => {
   const s = i.getContext("2d");
   if (!s || e.length === 0) return;
   s.save();
@@ -3696,7 +3696,7 @@ const y0 = /* @__PURE__ */ new Map(), X1 = /* @__PURE__ */ new Map(), s8 = (i) =
   const o = Date.now(), c = 1600;
   e.forEach((r) => {
     if (r.length < 2) return;
-    const u = r8(r);
+    const u = d8(r);
     for (let y = 0; y < u.length - 1; y++) {
       const d = u[y], m = u[y + 1];
       if (!d || !m) continue;
@@ -3829,7 +3829,7 @@ const y0 = /* @__PURE__ */ new Map(), X1 = /* @__PURE__ */ new Map(), s8 = (i) =
   }
 };
 let K2 = null;
-const h8 = {
+const p8 = {
   height: "0",
   visibility: "hidden",
   overflow: "hidden",
@@ -3839,14 +3839,14 @@ const h8 = {
   right: "0",
   whiteSpace: "pre-wrap"
 };
-function p8(i, e = 1, t = null) {
+function u8(i, e = 1, t = null) {
   if (!i) return;
   K2 || (K2 = document.createElement("textarea"), (i.parentNode ?? document.body).appendChild(K2));
-  const { paddingSize: l, borderSize: a, boxSizing: s, contextStyle: n, lineHeight: o } = f8(i);
+  const { paddingSize: l, borderSize: a, boxSizing: s, contextStyle: n, lineHeight: o } = v8(i);
   n.forEach((k) => {
     const C = k[0], q = k[1] ?? "";
     K2 && K2.style.setProperty(C, q);
-  }), Object.entries(h8).forEach(([k, C]) => {
+  }), Object.entries(p8).forEach(([k, C]) => {
     K2 && K2.style.setProperty(k, C, "important");
   }), K2.style.width = window.getComputedStyle(i).getPropertyValue("width"), K2.value = i.value || (i.placeholder ?? "");
   const c = K2.scrollHeight;
@@ -3865,7 +3865,7 @@ function p8(i, e = 1, t = null) {
   };
   return K2 && K2.parentNode && K2.parentNode.removeChild(K2), K2 = null, M;
 }
-const u8 = [
+const f8 = [
   "letter-spacing",
   "line-height",
   "padding-top",
@@ -3883,14 +3883,14 @@ const u8 = [
   "box-sizing",
   "word-break"
 ];
-function f8(i) {
-  const e = window.getComputedStyle(i), t = e.getPropertyValue("box-sizing"), l = Number.parseFloat(e.getPropertyValue("padding-bottom")) + Number.parseFloat(e.getPropertyValue("padding-top")), a = Number.parseFloat(e.getPropertyValue("border-bottom-width")) + Number.parseFloat(e.getPropertyValue("border-top-width")), s = u8.map((o) => [
+function v8(i) {
+  const e = window.getComputedStyle(i), t = e.getPropertyValue("box-sizing"), l = Number.parseFloat(e.getPropertyValue("padding-bottom")) + Number.parseFloat(e.getPropertyValue("padding-top")), a = Number.parseFloat(e.getPropertyValue("border-bottom-width")) + Number.parseFloat(e.getPropertyValue("border-top-width")), s = f8.map((o) => [
     o,
     e.getPropertyValue(o)
   ]), n = parseFloat(e.getPropertyValue("line-height"));
   return { contextStyle: s, paddingSize: l, borderSize: a, boxSizing: t, lineHeight: n };
 }
-const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
+const m8 = { key: 0 }, g8 = { key: 1 }, y8 = /* @__PURE__ */ J2({
   __name: "ContextMenu",
   props: {
     visible: { type: Boolean },
@@ -3929,7 +3929,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
       onMousedown: r[14] || (r[14] = F6(() => {
       }, ["stop"]))
     }, [
-      i.isElementSelected ? (A(), R("ul", v8, [
+      i.isElementSelected ? (A(), R("ul", m8, [
         g("li", {
           onClick: r[0] || (r[0] = (u) => o("cut"))
         }, [...r[15] || (r[15] = [
@@ -3988,7 +3988,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
           g("span", null, "删除", -1),
           g("span", { class: "shortcut" }, "Del", -1)
         ])])
-      ])) : (A(), R("ul", m8, [
+      ])) : (A(), R("ul", g8, [
         g("li", {
           onClick: r[9] || (r[9] = (u) => o("paste"))
         }, [...r[27] || (r[27] = [
@@ -4010,10 +4010,10 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
       ]))
     ], 36)) : p2("", !0);
   }
-}), y8 = /* @__PURE__ */ a6(g8, [["__scopeId", "data-v-22c72497"]]), x8 = {
+}), x8 = /* @__PURE__ */ i6(y8, [["__scopeId", "data-v-22c72497"]]), b8 = {
   class: "excalidraw-container",
   ref: "container"
-}, b8 = ["width", "height"], w8 = `url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M20 20H7L3 16C2 15 2 13 3 12L13 2L22 11L20 20Z" fill="white"/></svg>') 0 20, auto`, q8 = /* @__PURE__ */ J2({
+}, w8 = ["width", "height"], q8 = `url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M20 20H7L3 16C2 15 2 13 3 12L13 2L22 11L20 20Z" fill="white"/></svg>') 0 20, auto`, z8 = /* @__PURE__ */ J2({
   __name: "ExcalidrawCanvas",
   props: {
     elements: {},
@@ -4022,7 +4022,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
     scrollY: {}
   },
   setup(i) {
-    const e = i, t = n6(), l = N(null), a = N(null), s = N(window.innerWidth), n = N(window.innerHeight), o = N(window.devicePixelRatio || 1), c = N(!1), r = () => {
+    const e = i, t = a6(), l = N(null), a = N(null), s = N(window.innerWidth), n = N(window.innerHeight), o = N(window.devicePixelRatio || 1), c = N(!1), r = () => {
       s.value = window.innerWidth, n.value = window.innerHeight, o.value = window.devicePixelRatio || 1, _6(() => {
         E2();
       });
@@ -4150,7 +4150,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
       if (c.value)
         return "grabbing";
       const f = t.appConfig.editable === !1 ? "hand" : t.appState.activeTool === "shapes" ? t.appState.activeToolType : t.appState.activeTool;
-      return f === "hand" ? t.appState.viewLocked ? "not-allowed" : d.value ? "grabbing" : "grab" : f === "selection" ? C.value ? "move" : d.value ? o1(q.value) : "default" : f === "text" ? "text" : f === "eraser" ? w8 : "crosshair";
+      return f === "hand" ? t.appState.viewLocked ? "not-allowed" : d.value ? "grabbing" : "grab" : f === "selection" ? C.value ? "move" : d.value ? o1(q.value) : "default" : f === "text" ? "text" : f === "eraser" ? q8 : "crosshair";
     }, V2 = Q(() => {
       if (!W.value) return {};
       const f = t.elements.find((h) => h.id === W.value);
@@ -5079,7 +5079,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
     };
     M6(() => e2.value, (f) => {
       if (W.value) {
-        f && a.value ? t6.value = p8(a.value, 1, null).height : t6.value = "23px";
+        f && a.value ? t6.value = u8(a.value, 1, null).height : t6.value = "23px";
         const b = t.elements.find((x) => x.id === W.value);
         if (b && b.type === "text")
           if (b.containerId) {
@@ -5435,7 +5435,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
     const E2 = () => {
       E6 && cancelAnimationFrame(E6), E6 = requestAnimationFrame(() => {
         if (l.value) {
-          if (c8(
+          if (r8(
             l.value,
             e.elements,
             e.scrollX,
@@ -5449,7 +5449,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
             t.appState.showGrid ? t.appState.gridType : "none",
             I2.value,
             t.appState.viewBackgroundColor
-          ), e6.value.length > 0 && d8(
+          ), e6.value.length > 0 && h8(
             l.value,
             e6.value,
             t.appState.zoom,
@@ -5658,7 +5658,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
         t.saveToLocalStorage();
       }, { detached: !0 });
     }), M6(() => t.elements, () => {
-    }), (f, b) => (A(), R("div", x8, [
+    }), (f, b) => (A(), R("div", b8, [
       g("canvas", {
         id: "canvas-container",
         ref_key: "canvas",
@@ -5671,8 +5671,8 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
         onPointerup: F1,
         onDblclick: C2,
         onContextmenu: F6(u, ["prevent"])
-      }, null, 44, b8),
-      s2(y8, {
+      }, null, 44, w8),
+      s2(x8, {
         visible: P2.value.visible,
         x: P2.value.x,
         y: P2.value.y,
@@ -5711,7 +5711,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
       ], 4)
     ], 512));
   }
-}), z8 = /* @__PURE__ */ a6(q8, [["__scopeId", "data-v-fcfe0b1a"]]), k8 = { class: "color-box" }, M8 = ["onClick"], F8 = /* @__PURE__ */ J2({
+}), k8 = /* @__PURE__ */ i6(z8, [["__scopeId", "data-v-fcfe0b1a"]]), M8 = { class: "color-box" }, F8 = ["onClick"], S8 = /* @__PURE__ */ J2({
   __name: "colorStyle",
   props: {
     modelValue: {},
@@ -5745,7 +5745,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
     ]), s = function(n) {
       t.value = n, l("colorChange", n);
     };
-    return (n, o) => (A(), R("div", k8, [
+    return (n, o) => (A(), R("div", M8, [
       g("div", {
         class: $2(["trans-icon", { active: t.value === "transparent" }]),
         onClick: o[0] || (o[0] = (c) => s("transparent"))
@@ -5759,7 +5759,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
         class: $2(["color-item", { active: t.value === c }]),
         style: G2({ background: c }),
         onClick: (u) => s(c)
-      }, null, 14, M8))), 128)),
+      }, null, 14, F8))), 128)),
       o[2] || (o[2] = g("div", { class: "color-item-add" }, [
         g("svg", { class: "svg-icon" }, [
           g("use", { "xlink:href": "#icon-tianjiayanse" })
@@ -5767,17 +5767,17 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
       ], -1))
     ]));
   }
-}), Z6 = /* @__PURE__ */ a6(F8, [["__scopeId", "data-v-9b04b94a"]]), S8 = { class: "menu-list" }, C8 = { class: "preferences-list" }, B8 = { class: "preferences-list grid-list" }, I8 = ["onClick"], E8 = { class: "svg-icon" }, T8 = ["xlink:href"], H8 = {
+}), Z6 = /* @__PURE__ */ i6(S8, [["__scopeId", "data-v-9b04b94a"]]), C8 = { class: "menu-list" }, B8 = { class: "preferences-list" }, I8 = { class: "preferences-list grid-list" }, E8 = ["onClick"], T8 = { class: "svg-icon" }, H8 = ["xlink:href"], L8 = {
   class: "preferences-list",
   style: { padding: "12px", display: "flex", "justify-content": "center" }
-}, L8 = { class: "preference-item" }, V8 = { class: "preference-info" }, D8 = { class: "preference-title" }, P8 = { class: "preference-item" }, A8 = { class: "preference-info" }, _8 = { class: "preference-title" }, $8 = {
+}, V8 = { class: "preference-item" }, D8 = { class: "preference-info" }, P8 = { class: "preference-title" }, A8 = { class: "preference-item" }, _8 = { class: "preference-info" }, $8 = { class: "preference-title" }, j8 = {
   key: 1,
   class: "board-name-input",
   style: { width: "195px", padding: "1px 23px 5px" }
-}, j8 = /* @__PURE__ */ J2({
+}, O8 = /* @__PURE__ */ J2({
   __name: "BoardName",
   setup(i) {
-    const e = n6(), t = N(!1), l = N(), a = N("");
+    const e = a6(), t = N(!1), l = N(), a = N("");
     N("");
     const s = Q(() => e.appState.isDraggingElement || e.appState.isBoxSelecting), n = N(), o = N([
       {
@@ -5826,7 +5826,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
       c.value = m.value;
     }
     return (m, p) => {
-      const M = i6("el-popover"), k = i6("el-switch"), C = i6("el-input");
+      const M = n6("el-popover"), k = n6("el-switch"), C = n6("el-input");
       return A(), R("div", {
         class: "board-name-container",
         style: G2({ pointerEvents: s.value ? "none" : "auto" })
@@ -5849,7 +5849,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
             ], -1)
           ])]),
           default: L2(() => [
-            g("div", S8, [
+            g("div", C8, [
               s2(M, {
                 placement: "right-start",
                 trigger: "click",
@@ -5881,7 +5881,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
                   ], -1)
                 ])]),
                 default: L2(() => [
-                  g("div", C8, [
+                  g("div", B8, [
                     s2(M, {
                       placement: "right-start",
                       trigger: "click",
@@ -5913,19 +5913,19 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
                         ], -1)
                       ])]),
                       default: L2(() => [
-                        g("div", B8, [
+                        g("div", I8, [
                           (A(!0), R(Y2, null, h6(o.value, (q, I) => (A(), R("div", {
                             key: I,
                             class: $2(["grid-item", { active: q.value === c.value }]),
                             onClick: (j) => d(q)
                           }, [
-                            (A(), R("svg", E8, [
+                            (A(), R("svg", T8, [
                               g("use", {
                                 "xlink:href": `#${q.value === c.value ? q.activeIcon : q.icon}`
-                              }, null, 8, T8)
+                              }, null, 8, H8)
                             ])),
                             g("div", null, l6(q.label), 1)
-                          ], 10, I8))), 128))
+                          ], 10, E8))), 128))
                         ])
                       ]),
                       _: 1
@@ -5961,7 +5961,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
                         ], -1)
                       ])]),
                       default: L2(() => [
-                        g("div", H8, [
+                        g("div", L8, [
                           p[8] || (p[8] = g("div", { class: "title" }, "背景颜色", -1)),
                           s2(Z6, {
                             modelValue: m2(e).appState.viewBackgroundColor,
@@ -5972,9 +5972,9 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
                       _: 1
                     }),
                     p[13] || (p[13] = g("div", { class: "line" }, null, -1)),
-                    g("div", L8, [
-                      g("div", V8, [
-                        g("div", D8, [
+                    g("div", V8, [
+                      g("div", D8, [
+                        g("div", P8, [
                           p[9] || (p[9] = g("div", null, "使用滚轮缩放画布", -1)),
                           s2(k, {
                             modelValue: m2(e).appState.useWheelZoom,
@@ -5985,9 +5985,9 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
                         p[10] || (p[10] = g("div", { class: "preference-desc" }, "开启后，可通过鼠标滚轮进行缩放画布", -1))
                       ])
                     ]),
-                    g("div", P8, [
-                      g("div", A8, [
-                        g("div", _8, [
+                    g("div", A8, [
+                      g("div", _8, [
+                        g("div", $8, [
                           p[11] || (p[11] = g("div", null, " 右键拖拽平移画布 ", -1)),
                           s2(k, {
                             modelValue: m2(e).appState.rightClickPan,
@@ -6029,7 +6029,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
           class: "board-name-input",
           placeholder: "Untitled Document",
           onBlur: u
-        }, null, 8, ["modelValue"])) : (A(), R("div", $8, l6(a.value), 1)),
+        }, null, 8, ["modelValue"])) : (A(), R("div", j8, l6(a.value), 1)),
         t.value ? p2("", !0) : (A(), R("div", {
           key: 2,
           class: "action-item",
@@ -6042,19 +6042,19 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
       ], 4);
     };
   }
-}), O8 = /* @__PURE__ */ a6(j8, [["__scopeId", "data-v-59262e76"]]), R8 = {
+}), R8 = /* @__PURE__ */ i6(O8, [["__scopeId", "data-v-59262e76"]]), X8 = {
   key: 0,
   class: "history-controls glass"
-}, X8 = { class: "svg-icon" }, Y8 = ["xlink:href"], Q8 = { class: "svg-icon" }, Z8 = ["xlink:href"], W8 = { class: "zoom-controls glass" }, U8 = {
+}, Y8 = { class: "svg-icon" }, Q8 = ["xlink:href"], Z8 = { class: "svg-icon" }, W8 = ["xlink:href"], U8 = { class: "zoom-controls glass" }, G8 = {
   key: 1,
   class: "separator"
-}, G8 = {
+}, N8 = {
   key: 2,
   class: "separator"
-}, N8 = /* @__PURE__ */ J2({
+}, K8 = /* @__PURE__ */ J2({
   __name: "Footer",
   setup(i) {
-    const e = n6(), t = () => {
+    const e = a6(), t = () => {
       G0.confirm(
         "确定要清空画布吗?",
         "提示",
@@ -6082,29 +6082,29 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
         pointerEvents: l.value ? "none" : "auto"
       })
     }, [
-      m2(e).appConfig.editable !== !1 ? (A(), R("div", R8, [
+      m2(e).appConfig.editable !== !1 ? (A(), R("div", X8, [
         g("div", {
           onClick: a,
           class: $2(["tool-item", { disabled: m2(e).historyStep <= 0 }])
         }, [
-          (A(), R("svg", X8, [
+          (A(), R("svg", Y8, [
             g("use", {
               "xlink:href": `${m2(e).historyStep <= 0 ? "#icon-chexiao-copy" : "#icon-chexiao"}`
-            }, null, 8, Y8)
+            }, null, 8, Q8)
           ]))
         ], 2),
         g("div", {
           onClick: s,
           class: $2(["tool-item", { disabled: m2(e).historyStep >= m2(e).history.length - 1 }])
         }, [
-          (A(), R("svg", Q8, [
+          (A(), R("svg", Z8, [
             g("use", {
               "xlink:href": `${m2(e).historyStep >= m2(e).history.length - 1 ? "#icon-huifu-copy" : "#icon-huifu"}`
-            }, null, 8, Z8)
+            }, null, 8, W8)
           ]))
         ], 2)
       ])) : p2("", !0),
-      g("div", W8, [
+      g("div", U8, [
         m2(e).appConfig.editable !== !1 ? (A(), R("div", {
           key: 0,
           class: $2(["tool-item", { active: m2(e).appState.activeTool === "hand" }]),
@@ -6114,7 +6114,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
             g("use", { "xlink:href": "#icon-yidong" })
           ], -1)
         ])], 2)) : p2("", !0),
-        m2(e).appConfig.editable !== !1 ? (A(), R("div", U8)) : p2("", !0),
+        m2(e).appConfig.editable !== !1 ? (A(), R("div", G8)) : p2("", !0),
         g("div", {
           onClick: c[1] || (c[1] = (r) => m2(e).zoomOut()),
           class: "tool-item"
@@ -6136,7 +6136,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
             g("use", { "xlink:href": "#icon-fangda" })
           ], -1)
         ])]),
-        m2(e).appConfig.editable !== !1 ? (A(), R("div", G8)) : p2("", !0),
+        m2(e).appConfig.editable !== !1 ? (A(), R("div", N8)) : p2("", !0),
         m2(e).appConfig.editable !== !1 ? (A(), R("div", {
           key: 3,
           class: $2(["tool-item", { active: m2(e).appState.viewLocked }]),
@@ -6158,10 +6158,10 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
       ])
     ], 4));
   }
-}), K8 = /* @__PURE__ */ a6(N8, [["__scopeId", "data-v-5c7ecc49"]]), J8 = /* @__PURE__ */ J2({
+}), J8 = /* @__PURE__ */ i6(K8, [["__scopeId", "data-v-5c7ecc49"]]), t5 = /* @__PURE__ */ J2({
   __name: "HelpDialog",
   setup(i) {
-    const e = n6(), t = () => {
+    const e = a6(), t = () => {
       e.appState.showHelp = !1;
     };
     return (l, a) => m2(e).appState.showHelp ? (A(), R("div", {
@@ -6184,43 +6184,43 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
       ])
     ], 4)) : p2("", !0);
   }
-}), t5 = /* @__PURE__ */ a6(J8, [["__scopeId", "data-v-0caac542"]]), e5 = { class: "popovers-container" }, l5 = { class: "popover-content" }, a5 = { class: "sub-tools-container" }, i5 = ["onClick"], n5 = { class: "svg-icon" }, s5 = ["xlink:href"], o5 = {
+}), e5 = /* @__PURE__ */ i6(t5, [["__scopeId", "data-v-0caac542"]]), l5 = { class: "popovers-container" }, a5 = { class: "popover-content" }, i5 = { class: "sub-tools-container" }, n5 = ["onClick"], s5 = { class: "svg-icon" }, o5 = ["xlink:href"], c5 = {
   key: 1,
   class: "divider"
-}, c5 = {
+}, r5 = {
   class: "settings-btn",
   title: "背景颜色"
-}, r5 = {
+}, d5 = {
   key: 0,
   class: "svg-icon"
-}, d5 = { class: "popover-content" }, h5 = ["title"], p5 = {
+}, h5 = { class: "popover-content" }, p5 = ["title"], u5 = {
   key: 0,
   class: "svg-icon"
-}, u5 = {
+}, f5 = {
   key: 1,
   class: "svg-icon"
-}, f5 = ["xlink:href"], v5 = { class: "popover-content" }, m5 = { class: "title" }, g5 = { class: "title" }, y5 = { class: "title" }, x5 = { class: "title" }, b5 = {
+}, v5 = ["xlink:href"], m5 = { class: "popover-content" }, g5 = { class: "title" }, y5 = { class: "title" }, x5 = { class: "title" }, b5 = { class: "title" }, w5 = {
   key: 4,
   class: "divider"
-}, w5 = {
+}, q5 = {
   class: "settings-btn",
   title: "箭头颜色"
-}, q5 = {
+}, z5 = {
   key: 0,
   class: "svg-icon"
-}, z5 = { class: "popover-content" }, k5 = { class: "popover-content" }, M5 = {
+}, k5 = { class: "popover-content" }, M5 = { class: "popover-content" }, F5 = {
   key: 7,
   class: "divider"
-}, F5 = {
+}, S5 = {
   class: "settings-btn",
   title: "文本颜色"
-}, S5 = ["fill"], C5 = ["fill"], B5 = ["fill"], I5 = { class: "popover-content" }, E5 = {
+}, C5 = ["fill"], B5 = ["fill"], I5 = ["fill"], E5 = { class: "popover-content" }, T5 = {
   key: 9,
   class: "font-size-select"
-}, T5 = /* @__PURE__ */ J2({
+}, H5 = /* @__PURE__ */ J2({
   __name: "FloatingPopovers",
   setup(i) {
-    const e = n6(), t = N(!1), l = N(!1), a = N(!1), s = N(!1), n = N(!1), o = N(!1), c = N(!1), r = N(null), u = N([
+    const e = a6(), t = N(!1), l = N(!1), a = N(!1), s = N(!1), n = N(!1), o = N(!1), c = N(!1), r = N(null), u = N([
       { name: "rectangle", icon: "#icon-yuanjiaojuxing", label: "矩形", key: "2" },
       { name: "diamond", icon: "#icon-lingxing", label: "菱形", key: "3" },
       { name: "ellipse", icon: "#icon-tuoyuanxing", label: "椭圆", key: "4" },
@@ -6421,8 +6421,8 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
       e.updateSelectedElements({ type: P });
     };
     return (P, Y) => {
-      const T2 = i6("el-popover"), V2 = i6("el-slider"), w2 = i6("el-option"), j2 = i6("el-select");
-      return A(), R("div", e5, [
+      const T2 = n6("el-popover"), V2 = n6("el-slider"), w2 = n6("el-option"), j2 = n6("el-select");
+      return A(), R("div", l5, [
         C.value ? (A(), m6(T2, {
           key: 0,
           placement: "top",
@@ -6444,25 +6444,25 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
             ], -1)
           ])]),
           default: L2(() => [
-            g("div", l5, [
-              g("div", a5, [
+            g("div", a5, [
+              g("div", i5, [
                 (A(!0), R(Y2, null, h6(u.value, (d2) => (A(), R("div", {
                   key: d2.name,
                   class: $2(["sub-tool-item", { active: k() === d2.name }]),
                   onClick: (i1) => e6(d2.name)
                 }, [
-                  (A(), R("svg", n5, [
+                  (A(), R("svg", s5, [
                     g("use", {
                       "xlink:href": `${d2.icon}`
-                    }, null, 8, s5)
+                    }, null, 8, o5)
                   ]))
-                ], 10, i5))), 128))
+                ], 10, n5))), 128))
               ])
             ])
           ]),
           _: 1
         }, 8, ["visible"])) : p2("", !0),
-        C.value ? (A(), R("div", o5)) : p2("", !0),
+        C.value ? (A(), R("div", c5)) : p2("", !0),
         q.value ? (A(), m6(T2, {
           key: 2,
           placement: "top",
@@ -6474,8 +6474,8 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
           "onUpdate:visible": Y[3] || (Y[3] = (d2) => t.value = d2)
         }, {
           reference: L2(() => [
-            g("div", c5, [
-              W.value == "transparent" || !W.value ? (A(), R("svg", r5, [...Y[16] || (Y[16] = [
+            g("div", r5, [
+              W.value == "transparent" || !W.value ? (A(), R("svg", d5, [...Y[16] || (Y[16] = [
                 g("use", { "xlink:href": "#icon-wuyanse" }, null, -1)
               ])])) : (A(), R("div", {
                 key: 1,
@@ -6485,7 +6485,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
             ])
           ]),
           default: L2(() => [
-            g("div", d5, [
+            g("div", h5, [
               Y[17] || (Y[17] = g("div", { class: "title" }, "填充样式", -1)),
               s2(M0),
               Y[18] || (Y[18] = g("div", { class: "title" }, "透明度", -1)),
@@ -6522,29 +6522,29 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
               title: k() == "arrow" ? "箭头" : "边框"
             }, [
               k() !== "arrow" && k() !== "line" ? (A(), R(Y2, { key: 0 }, [
-                t2.value == "transparent" || !t2.value ? (A(), R("svg", p5, [...Y[20] || (Y[20] = [
+                t2.value == "transparent" || !t2.value ? (A(), R("svg", u5, [...Y[20] || (Y[20] = [
                   g("use", { "xlink:href": "#icon-wubiankuang" }, null, -1)
                 ])])) : (A(), R("div", {
                   key: 1,
                   class: "border-box",
                   style: G2({ borderColor: t2.value })
                 }, null, 4))
-              ], 64)) : (A(), R("svg", u5, [
+              ], 64)) : (A(), R("svg", f5, [
                 g("use", {
                   "xlink:href": `#${k() == "line" ? "icon-zhixian" : i2.value == "sharp" ? "icon-zhixianlianjiexian" : "icon-quxian"}`
-                }, null, 8, f5)
+                }, null, 8, v5)
               ]))
-            ], 8, h5)
+            ], 8, p5)
           ]),
           default: L2(() => [
-            g("div", v5, [
+            g("div", m5, [
               j.value ? (A(), R(Y2, { key: 0 }, [
-                g("div", m5, l6(["arrow", "line"].includes(k()) ? "线条" : "描边") + "样式", 1),
+                g("div", g5, l6(["arrow", "line"].includes(k()) ? "线条" : "描边") + "样式", 1),
                 s2(F0)
               ], 64)) : p2("", !0),
               Y[22] || (Y[22] = g("div", { class: "title" }, "线条风格", -1)),
               s2(S0),
-              g("div", g5, l6(["arrow", "line"].includes(k()) ? "线条" : "描边") + "粗细", 1),
+              g("div", y5, l6(["arrow", "line"].includes(k()) ? "线条" : "描边") + "粗细", 1),
               s2(V2, {
                 modelValue: e2.value,
                 "onUpdate:modelValue": Y[4] || (Y[4] = (d2) => e2.value = d2),
@@ -6553,7 +6553,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
                 min: 1,
                 max: 10
               }, null, 8, ["modelValue"]),
-              g("div", y5, l6(["arrow", "line"].includes(k()) ? "" : "描边") + "透明度", 1),
+              g("div", x5, l6(["arrow", "line"].includes(k()) ? "" : "描边") + "透明度", 1),
               s2(V2, {
                 modelValue: U.value,
                 "onUpdate:modelValue": Y[5] || (Y[5] = (d2) => U.value = d2),
@@ -6570,14 +6570,14 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
                 }, null, 8, ["modelValue"])
               ], 64)),
               o2.value ? (A(), R(Y2, { key: 2 }, [
-                g("div", x5, l6(k() == "arrow" ? "箭头" : "线条") + "类型", 1),
+                g("div", b5, l6(k() == "arrow" ? "箭头" : "线条") + "类型", 1),
                 s2(I0)
               ], 64)) : p2("", !0)
             ])
           ]),
           _: 1
         }, 8, ["visible"])) : p2("", !0),
-        o2.value ? (A(), R("div", b5)) : p2("", !0),
+        o2.value ? (A(), R("div", w5)) : p2("", !0),
         o2.value ? (A(), m6(T2, {
           key: 5,
           placement: "top",
@@ -6589,8 +6589,8 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
           "onUpdate:visible": Y[9] || (Y[9] = (d2) => a.value = d2)
         }, {
           reference: L2(() => [
-            g("div", w5, [
-              t2.value == "transparent" || !t2.value ? (A(), R("svg", q5, [...Y[23] || (Y[23] = [
+            g("div", q5, [
+              t2.value == "transparent" || !t2.value ? (A(), R("svg", z5, [...Y[23] || (Y[23] = [
                 g("use", { "xlink:href": "#icon-wuyanse" }, null, -1)
               ])])) : (A(), R("div", {
                 key: 1,
@@ -6600,7 +6600,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
             ])
           ]),
           default: L2(() => [
-            g("div", z5, [
+            g("div", k5, [
               Y[24] || (Y[24] = g("div", { class: "title" }, [
                 g("span", null, "默认颜色")
               ], -1)),
@@ -6631,7 +6631,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
             ], -1)
           ])]),
           default: L2(() => [
-            g("div", k5, [
+            g("div", M5, [
               Y[26] || (Y[26] = g("div", { class: "title" }, "圆角", -1)),
               s2(V2, {
                 modelValue: b2.value,
@@ -6645,7 +6645,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
           ]),
           _: 1
         })) : p2("", !0),
-        a2.value && q.value ? (A(), R("div", M5)) : p2("", !0),
+        a2.value && q.value ? (A(), R("div", F5)) : p2("", !0),
         a2.value ? (A(), m6(T2, {
           key: 8,
           placement: "top",
@@ -6657,7 +6657,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
           "onUpdate:visible": Y[13] || (Y[13] = (d2) => n.value = d2)
         }, {
           reference: L2(() => [
-            g("div", F5, [
+            g("div", S5, [
               (A(), R("svg", {
                 class: "svg-icon",
                 viewBox: "0 0 1024 1024",
@@ -6667,22 +6667,22 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
                   d: "M772.144762 747.52L566.369524 223.817143a24.137143 24.137143 0 0 0-24.380953-16.579048H484.449524c-11.702857 0-19.992381 5.36381-24.380953 16.579048L254.293333 747.52c-6.339048 16.579048-4.87619 32.182857 5.36381 46.811429 10.24 14.628571 23.893333 21.942857 41.935238 21.942857 22.918095 0 38.521905-10.727619 47.299048-32.182857l48.761904-123.855239h232.106667l48.761905 123.855239c8.289524 21.455238 23.893333 32.182857 46.811428 32.182857 18.041905 0 31.695238-7.314286 41.935238-21.942857 10.24-14.628571 11.702857-30.232381 5.36381-46.811429h-0.487619z m-25.356191 33.645714c-5.36381 7.801905-12.190476 11.215238-21.455238 11.215238-11.702857 0-19.992381-5.36381-24.380952-16.579047l-49.737143-126.780953a18.870857 18.870857 0 0 0-18.529524-12.678095H394.727619c-9.264762 0-15.60381 4.388571-18.529524 12.678095l-49.737143 126.780953c-4.388571 11.215238-12.678095 16.579048-24.380952 16.579047-9.264762 0-16.579048-3.900952-21.942857-11.702857a24.380952 24.380952 0 0 1-2.925714-24.380952L482.986667 232.594286s0.975238-0.975238 1.950476-0.975238h57.539047s1.462857 0 1.950477 0.975238l205.775238 523.702857a24.380952 24.380952 0 0 1-2.925715 24.380952l-0.487619 0.487619z",
                   fill: u2.value == "transparent" ? "#EEEFF0" : u2.value,
                   "p-id": "4210"
-                }, null, 8, S5),
+                }, null, 8, C5),
                 g("path", {
                   d: "M529.310476 338.895238c-2.925714-7.314286-8.289524-10.727619-16.091428-10.727619s-13.165714 3.413333-16.091429 10.727619l-86.79619 220.40381c-2.438095 5.36381-1.462857 10.727619 1.950476 16.091428 3.413333 4.87619 8.289524 7.314286 14.140952 7.314286h173.104762c5.851429 0 10.727619-2.438095 14.140952-7.314286 3.413333-4.87619 3.900952-10.24 1.950477-16.091428l-86.308572-220.40381z m-91.672381 219.428572l76.068572-193.097143 75.580952 193.097143H437.638095z",
                   fill: u2.value == "transparent" ? "#EEEFF0" : u2.value,
                   "p-id": "4211"
-                }, null, 8, C5),
+                }, null, 8, B5),
                 g("path", {
                   d: "M700.952381 775.801905c4.388571 11.215238 12.678095 16.579048 24.380952 16.579047 9.264762 0 16.579048-3.900952 21.455238-11.215238a24.380952 24.380952 0 0 0 2.925715-24.380952L543.939048 233.081905s-0.975238-0.975238-1.950477-0.975238H484.449524s-1.462857 0-1.950476 0.975238L276.72381 756.784762a24.380952 24.380952 0 0 0 2.925714 24.380952c5.36381 7.801905 12.678095 11.702857 21.942857 11.702857 11.702857 0 19.992381-5.36381 24.380952-16.579047l49.737143-126.780953c3.413333-8.289524 9.752381-12.678095 18.529524-12.678095h237.958095c9.264762 0 15.60381 4.388571 18.529524 12.678095l49.737143 126.780953 0.487619-0.487619z m-274.529524-193.097143c-5.851429 0-10.727619-2.438095-14.140952-7.314286a17.066667 17.066667 0 0 1-1.950476-16.091428l86.79619-220.40381c2.925714-7.314286 8.289524-10.727619 16.091429-10.727619s13.165714 3.413333 16.091428 10.727619l86.308572 220.40381c2.438095 5.36381 1.462857 10.727619-1.950477 16.091428-3.413333 4.87619-8.289524 7.314286-14.140952 7.314286H426.422857z",
                   fill: u2.value,
                   "p-id": "4212"
-                }, null, 8, B5)
+                }, null, 8, I5)
               ], 4))
             ])
           ]),
           default: L2(() => [
-            g("div", I5, [
+            g("div", E5, [
               Y[27] || (Y[27] = g("div", { class: "title" }, [
                 g("span", null, "文本样式")
               ], -1)),
@@ -6709,7 +6709,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
           ]),
           _: 1
         }, 8, ["visible"])) : p2("", !0),
-        a2.value ? (A(), R("div", E5, [
+        a2.value ? (A(), R("div", T5, [
           s2(j2, {
             modelValue: q2.value,
             "onUpdate:modelValue": Y[14] || (Y[14] = (d2) => q2.value = d2),
@@ -6729,10 +6729,10 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
       ]);
     };
   }
-}), H5 = /* @__PURE__ */ a6(T5, [["__scopeId", "data-v-1fe4c384"]]), L5 = {
+}), L5 = /* @__PURE__ */ i6(H5, [["__scopeId", "data-v-1fe4c384"]]), V5 = {
   key: 0,
   class: "divider"
-}, V5 = ["title"], D5 = { class: "svg-icon" }, P5 = ["xlink:href"], A5 = /* @__PURE__ */ J2({
+}, D5 = ["title"], P5 = { class: "svg-icon" }, A5 = ["xlink:href"], _5 = /* @__PURE__ */ J2({
   __name: "FloatingPropertiesBar",
   props: {
     zoom: {},
@@ -6740,7 +6740,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
     scrollY: {}
   },
   setup(i) {
-    const e = i, t = n6(), l = N(!1), a = N({ x: 0, y: 0 });
+    const e = i, t = a6(), l = N(!1), a = N({ x: 0, y: 0 });
     M6(() => t.appState.selectedElementIds, () => {
       t.appState.floatingToolbarOffset = { x: 0, y: 0 };
     }, { deep: !0 });
@@ -6811,8 +6811,8 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
           g("use", { "xlink:href": "#icon-tuodong" })
         ], -1)
       ])], 32),
-      !r.value && !u.value ? (A(), R("div", L5)) : p2("", !0),
-      s2(H5),
+      !r.value && !u.value ? (A(), R("div", V5)) : p2("", !0),
+      s2(L5),
       Z[2] || (Z[2] = g("div", { class: "divider" }, null, -1)),
       y.value ? (A(), R("div", {
         key: 1,
@@ -6820,12 +6820,12 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
         onClick: F6(I, ["stop"]),
         title: q.value ? "解除编组" : "编组"
       }, [
-        (A(), R("svg", D5, [
+        (A(), R("svg", P5, [
           g("use", {
             "xlink:href": q.value ? "#icon-quxiaobianzu" : "#icon-bianzu"
-          }, null, 8, P5)
+          }, null, 8, A5)
         ]))
-      ], 8, V5)) : p2("", !0),
+      ], 8, D5)) : p2("", !0),
       g("div", {
         class: "settings-btn",
         onClick: F6(C, ["stop"]),
@@ -6837,7 +6837,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
       ])])
     ], 4)) : p2("", !0);
   }
-}), _5 = /* @__PURE__ */ a6(A5, [["__scopeId", "data-v-206d2632"]]), $5 = { class: "app-container" }, b0 = /* @__PURE__ */ J2({
+}), $5 = /* @__PURE__ */ i6(_5, [["__scopeId", "data-v-206d2632"]]), j5 = { class: "app-container" }, b0 = /* @__PURE__ */ J2({
   __name: "App",
   props: {
     initialData: {
@@ -6850,7 +6850,7 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
     }
   },
   setup(i, { expose: e }) {
-    const t = i, l = n6();
+    const t = i, l = a6();
     t.initialData && (l.appConfig.initialData = t.initialData), t.loadFromLocal !== void 0 && (l.appConfig.loadFromLocal = t.loadFromLocal);
     const a = () => {
       const o = JSON.parse(JSON.stringify(l.elements)), c = JSON.parse(JSON.stringify(l.appState));
@@ -6862,28 +6862,28 @@ const v8 = { key: 0 }, m8 = { key: 1 }, g8 = /* @__PURE__ */ J2({
         l.updateCanvasData(o);
       },
       setConfig: (o) => {
-        o && Object.assign(l.appConfig, o);
+        o && (l.appConfig = Object.assign(l.appConfig, o));
       }
     }), l1(() => {
       l.recordHistory(), window.getExcalidrawCanvasData = a;
-    }), (o, c) => (A(), R("div", $5, [
-      m2(l).appConfig.showToolbar !== !1 && m2(l).appConfig.editable !== !1 ? (A(), m6(S4, { key: 0 })) : p2("", !0),
-      m2(l).appConfig.showPropertiesPanel !== !1 && m2(l).appConfig.editable !== !1 ? (A(), m6(O3, { key: 1 })) : p2("", !0),
-      m2(l).appConfig.showBoardName !== !1 && m2(l).appConfig.editable !== !1 ? (A(), m6(O8, { key: 2 })) : p2("", !0),
-      s2(z8, {
+    }), (o, c) => (A(), R("div", j5, [
+      m2(l).appConfig.showToolbar !== !1 && m2(l).appConfig.editable !== !1 ? (A(), m6(C4, { key: 0 })) : p2("", !0),
+      m2(l).appConfig.showPropertiesPanel !== !1 && m2(l).appConfig.editable !== !1 ? (A(), m6(R3, { key: 1 })) : p2("", !0),
+      m2(l).appConfig.showBoardName !== !1 && m2(l).appConfig.editable !== !1 ? (A(), m6(R8, { key: 2 })) : p2("", !0),
+      s2(k8, {
         elements: m2(l).elements,
         zoom: m2(l).appState.zoom,
         scrollX: m2(l).appState.scrollX,
         scrollY: m2(l).appState.scrollY
       }, null, 8, ["elements", "zoom", "scrollX", "scrollY"]),
-      m2(l).appConfig.editable !== !1 ? (A(), m6(_5, {
+      m2(l).appConfig.editable !== !1 ? (A(), m6($5, {
         key: 3,
         zoom: m2(l).appState.zoom,
         scrollX: m2(l).appState.scrollX,
         scrollY: m2(l).appState.scrollY
       }, null, 8, ["zoom", "scrollX", "scrollY"])) : p2("", !0),
-      m2(l).appConfig.showFooter !== !1 ? (A(), m6(K8, { key: 4 })) : p2("", !0),
-      s2(t5)
+      m2(l).appConfig.showFooter !== !1 ? (A(), m6(J8, { key: 4 })) : p2("", !0),
+      s2(e5)
     ]));
   }
 });
@@ -6958,10 +6958,10 @@ window._iconfont_svg_string_4329770 = '<svg><symbol id="jvs-public-cvs" viewBox=
   }
 })(window);
 b0.install = function(i, e) {
-  e && d4(e), i.component("JvsDraw", b0);
+  e && h4(e), i.component("JvsDraw", b0);
 };
 export {
   b0 as JvsDraw,
   b0 as default,
-  d4 as setConfig
+  h4 as setConfig
 };