@8btc/whiteboard 0.0.20-alpha.29 → 0.0.20-alpha.30

package/dist/index.js

@@ -1,80 +1,80 @@
-var wn = Object.defineProperty;
-var ii = (n) => {
+var In = Object.defineProperty;
+var ai = (n) => {
   throw TypeError(n);
 };
-var bn = (n, i, t) => i in n ? wn(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
-var p = (n, i, t) => bn(n, typeof i != "symbol" ? i + "" : i, t), Ie = (n, i, t) => i.has(n) || ii("Cannot " + t);
-var r = (n, i, t) => (Ie(n, i, "read from private field"), t ? t.call(n) : i.get(n)), m = (n, i, t) => i.has(n) ? ii("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(n) : i.set(n, t), w = (n, i, t, e) => (Ie(n, i, "write to private field"), e ? e.call(n, t) : i.set(n, t), t), _ = (n, i, t) => (Ie(n, i, "access private method"), t);
-import { jsxs as k, jsx as c, Fragment as Se } from "react/jsx-runtime";
-import { useState as R, useEffect as V, useRef as Be, useMemo as Ct, forwardRef as $, createContext as En, isValidElement as ni, version as Sn, cloneElement as Nn, useContext as _n, Fragment as Tn, useCallback as K, memo as at } from "react";
-import M from "konva";
-import { N as b, R as E, I as q } from "./const-BJHbPsA9.js";
-import Mn from "mitt";
-import { Editor as In } from "@tiptap/core";
-import kn from "@tiptap/starter-kit";
-import Rn from "@tiptap/extension-highlight";
-import { TextStyle as $n, Color as An, FontFamily as Fn } from "@tiptap/extension-text-style";
-import { toCanvas as Hn } from "html-to-image";
-import { v4 as xt } from "uuid";
-import { Slot as Ln } from "@radix-ui/react-slot";
-import { cva as Dn } from "class-variance-authority";
-import { clsx as Bn } from "clsx";
-import { twMerge as Vn } from "tailwind-merge";
-import { Minus as On, Plus as Pn, Undo2 as Zn, Redo2 as Un } from "lucide-react";
-import { BubbleMenu as zn } from "@tiptap/react/menus";
-import { NodeSelection as Xn } from "@tiptap/pm/state";
+var kn = (n, i, t) => i in n ? In(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
+var p = (n, i, t) => kn(n, typeof i != "symbol" ? i + "" : i, t), Fe = (n, i, t) => i.has(n) || ai("Cannot " + t);
+var r = (n, i, t) => (Fe(n, i, "read from private field"), t ? t.call(n) : i.get(n)), g = (n, i, t) => i.has(n) ? ai("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(n) : i.set(n, t), x = (n, i, t, e) => (Fe(n, i, "write to private field"), e ? e.call(n, t) : i.set(n, t), t), E = (n, i, t) => (Fe(n, i, "access private method"), t);
+import { jsxs as k, jsx as c, Fragment as Ie } from "react/jsx-runtime";
+import { useState as R, useEffect as Z, useRef as Ue, useMemo as St, forwardRef as $, createContext as Rn, isValidElement as li, version as $n, cloneElement as An, useContext as Fn, Fragment as Hn, useCallback as J, memo as ct } from "react";
+import _ from "konva";
+import { N as b, R as N, I as Q } from "./const-BJHbPsA9.js";
+import Ln from "mitt";
+import { Editor as Dn } from "@tiptap/core";
+import Pn from "@tiptap/starter-kit";
+import Bn from "@tiptap/extension-highlight";
+import { TextStyle as Vn, Color as On, FontFamily as Zn } from "@tiptap/extension-text-style";
+import { toCanvas as Un } from "html-to-image";
+import { v4 as Tt } from "uuid";
+import { Slot as zn } from "@radix-ui/react-slot";
+import { cva as Wn } from "class-variance-authority";
+import { clsx as Xn } from "clsx";
+import { twMerge as Yn } from "tailwind-merge";
+import { Minus as Gn, Plus as Kn, Undo2 as qn, Redo2 as jn } from "lucide-react";
+import { BubbleMenu as Jn } from "@tiptap/react/menus";
+import { NodeSelection as Qn } from "@tiptap/pm/state";
 import "@tiptap/pm/tables";
-import { useCurrentEditor as Wn, useEditorState as Yn } from "@tiptap/react";
-import { FloatingDelayGroup as Gn, useMergeRefs as xi, FloatingPortal as Kn, useFloating as qn, offset as jn, flip as Jn, shift as Qn, autoUpdate as ts, useHover as es, useFocus as is, useDismiss as ns, useRole as ss, useInteractions as os } from "@floating-ui/react";
-import * as qt from "@radix-ui/react-popover";
-import { useHotkeys as wi } from "react-hotkeys-hook";
-var N, S, j, jt, Jt, Qt, te, ee, ie, ne, se, oe, bi;
-class rs {
+import { useCurrentEditor as ts, useEditorState as es } from "@tiptap/react";
+import { FloatingDelayGroup as is, useMergeRefs as Ni, FloatingPortal as ns, useFloating as ss, offset as os, flip as rs, shift as as, autoUpdate as ls, useHover as hs, useFocus as cs, useDismiss as ds, useRole as gs, useInteractions as us } from "@floating-ui/react";
+import * as ie from "@radix-ui/react-popover";
+import { useHotkeys as Ti } from "react-hotkeys-hook";
+var T, S, tt, ne, se, oe, re, ae, le, he, ce, de, _i;
+class ms {
   constructor(i, t) {
-    m(this, oe);
-    m(this, N);
-    m(this, S);
-    m(this, j, { x: 0, y: 0, scale: 1 });
+    g(this, de);
+    g(this, T);
+    g(this, S);
+    g(this, tt, { x: 0, y: 0, scale: 1 });
     /**
      * 处理滚轮缩放和平移
      */
-    m(this, jt, (i) => {
+    g(this, ne, (i) => {
       i.evt.preventDefault();
       const e = r(this, S).getPointerPosition();
       if (e)
         if (i.evt.ctrlKey) {
-          const s = r(this, j).scale, o = {
-            x: (e.x - r(this, j).x) / s,
-            y: (e.y - r(this, j).y) / s
+          const s = r(this, tt).scale, o = {
+            x: (e.x - r(this, tt).x) / s,
+            y: (e.y - r(this, tt).y) / s
           }, a = 1.01, h = i.evt.deltaY > 0 ? -1 : 1, l = Math.min(Math.abs(i.evt.deltaY), 10);
           let d = s;
-          for (let g = 0; g < l; g++)
+          for (let u = 0; u < l; u++)
             d = h > 0 ? d * a : d / a;
-          const f = Math.max(0.1, Math.min(5, d)), u = {
+          const f = Math.max(0.1, Math.min(5, d)), m = {
             x: e.x - o.x * f,
             y: e.y - o.y * f
           };
-          r(this, N)._updateViewport({ x: u.x, y: u.y, scale: f });
+          r(this, T)._updateViewport({ x: m.x, y: m.y, scale: f });
         } else {
           const s = i.evt.shiftKey ? i.evt.deltaY : i.evt.deltaX, o = i.evt.shiftKey ? 0 : i.evt.deltaY;
-          r(this, N)._updateViewport({
-            x: r(this, j).x - s,
-            y: r(this, j).y - o
+          r(this, T)._updateViewport({
+            x: r(this, tt).x - s,
+            y: r(this, tt).y - o
           });
         }
     });
-    m(this, Jt, (i) => {
-      const t = r(this, N).getToolType();
+    g(this, se, (i) => {
+      const t = r(this, T).getToolType();
       if (i.evt.button !== 0 || t === "hand")
         return;
       const e = r(this, S).getRelativePointerPosition();
-      if (r(this, N)._setDrawingPosition(e || { x: 0, y: 0 }), t === "select")
+      if (r(this, T)._setDrawingPosition(e || { x: 0, y: 0 }), t === "select")
         if (i.target === r(this, S)) {
-          r(this, N)._selectNodes(), r(this, N)._createSelectRect();
+          r(this, T)._selectNodes(), r(this, T)._createSelectRect();
           return;
         } else {
           const o = i.target.id();
-          o && r(this, N)._selectNodes([o], i.evt.shiftKey);
+          o && r(this, T)._selectNodes([o], i.evt.shiftKey);
           return;
         }
       if ([
@@ -84,8 +84,8 @@ class rs {
         "ellipse",
         "polygon",
         "arrow"
-      ].includes(t) && e && r(this, N)._createDraftNode(t), t === "image-marker" && e) {
-        const s = r(this, N)._findImageAtPosition(e);
+      ].includes(t) && e && r(this, T)._createDraftNode(t), t === "image-marker" && e) {
+        const s = r(this, T)._findImageAtPosition(e);
         if (s) {
           const o = s.width(), a = s.height();
           if (o && a) {
@@ -95,22 +95,22 @@ class rs {
               width: o,
               height: a
             };
-            r(this, N)._createDraftNode(t, {
+            r(this, T)._createDraftNode(t, {
               $_parentId: s.id(),
               $_bounds: h
             });
           }
         }
       }
-      r(this, N)._selectNodes();
+      r(this, T)._selectNodes();
     });
-    m(this, Qt, () => {
-      const i = r(this, N).getState().toolType;
+    g(this, oe, () => {
+      const i = r(this, T).getState().toolType;
       if (i === "hand")
         return;
       const t = r(this, S).getRelativePointerPosition();
-      if (r(this, N)._updateDrawingPosition(t || { x: 0, y: 0 }), i === "select") {
-        r(this, N)._updateSelectRect();
+      if (r(this, T)._updateDrawingPosition(t || { x: 0, y: 0 }), i === "select") {
+        r(this, T)._updateSelectRect();
         return;
       }
       [
@@ -121,13 +121,13 @@ class rs {
         "ellipse",
         "polygon",
         "arrow"
-      ].includes(i) && r(this, N)._updateDraftNode();
+      ].includes(i) && r(this, T)._updateDraftNode();
     });
-    m(this, te, () => {
-      const i = r(this, N).getState().toolType;
+    g(this, re, () => {
+      const i = r(this, T).getState().toolType;
       if (i !== "hand") {
         if (i === "select") {
-          r(this, N)._finalizeSelectRect();
+          r(this, T)._finalizeSelectRect();
           return;
         }
         [
@@ -138,33 +138,33 @@ class rs {
           "ellipse",
           "polygon",
           "arrow"
-        ].includes(i) && r(this, N)._finalizeDraftNode(), i === "text" && r(this, N)._createTextNodeAtDrawingPosition("");
+        ].includes(i) && r(this, T)._finalizeDraftNode(), i === "text" && r(this, T)._createTextNodeAtDrawingPosition("");
       }
     });
-    m(this, ee, (i) => {
+    g(this, ae, (i) => {
       if (i.target !== r(this, S))
         return;
-      const t = r(this, N).getState().toolType;
+      const t = r(this, T).getState().toolType;
       t === "hand" ? this.setCursor("grabbing") : t === "select" && this.setCursor("all-scroll");
     });
-    m(this, ie, (i) => {
-      i.target === r(this, S) && r(this, N)._updateViewport({
+    g(this, le, (i) => {
+      i.target === r(this, S) && r(this, T)._updateViewport({
         x: r(this, S).x(),
         y: r(this, S).y()
       });
     });
-    m(this, ne, (i) => {
-      i.target === r(this, S) && (r(this, N)._updateViewport({
+    g(this, he, (i) => {
+      i.target === r(this, S) && (r(this, T)._updateViewport({
         x: r(this, S).x(),
         y: r(this, S).y()
       }), this.resetCursor());
     });
-    m(this, se, (i) => {
-      if (i.evt.preventDefault(), r(this, N).getToolType() !== "select")
+    g(this, ce, (i) => {
+      if (i.evt.preventDefault(), r(this, T).getToolType() !== "select")
         return;
       const t = r(this, S).getPointerPosition(), e = i.target;
       let s = null;
-      e.getParent()?.className === "Transformer" ? s = e.getParent().nodes() : e === r(this, S) ? s = e : (s = e.findAncestor((o) => o.hasName(b.selectable), !0), s && r(this, N)._selectNodes([s.id()])), r(this, N)._showContextMenu({
+      e.getParent()?.className === "Transformer" ? s = e.getParent().nodes() : e === r(this, S) ? s = e : (s = e.findAncestor((o) => o.hasName(b.selectable), !0), s && r(this, T)._selectNodes([s.id()])), r(this, T)._showContextMenu({
         x: t ? t.x : 0,
         y: t ? t.y : 0,
         clientX: i.evt.clientX,
@@ -172,7 +172,7 @@ class rs {
         targetIds: Array.isArray(s) ? s.map((o) => o.id()) : s ? [s.id()] : []
       });
     });
-    w(this, N, i), w(this, S, new M.Stage({
+    x(this, T, i), x(this, S, new _.Stage({
       id: "canvas-stage",
       container: t.container,
       width: t.width,
@@ -183,7 +183,7 @@ class rs {
       scaleY: 1,
       draggable: t.draggable ?? !1,
       className: t.className
-    })), _(this, oe, bi).call(this);
+    })), E(this, de, _i).call(this);
   }
   /**
    * 获取原生 Konva.Stage 实例
@@ -195,14 +195,14 @@ class rs {
    * 获取当前视口状态
    */
   getViewport() {
-    return { ...r(this, j) };
+    return { ...r(this, tt) };
   }
   /**
    * 设置视口（包括位置、缩放和尺寸）
    */
   setViewport(i) {
-    const t = { ...r(this, j), ...i };
-    w(this, j, t), i.x !== void 0 && r(this, S).x(i.x), i.y !== void 0 && r(this, S).y(i.y), i.scale !== void 0 && (r(this, S).scaleX(i.scale), r(this, S).scaleY(i.scale));
+    const t = { ...r(this, tt), ...i };
+    x(this, tt, t), i.x !== void 0 && r(this, S).x(i.x), i.y !== void 0 && r(this, S).y(i.y), i.scale !== void 0 && (r(this, S).scaleX(i.scale), r(this, S).scaleY(i.scale));
   }
   /**
    * 设置是否可拖拽
@@ -222,7 +222,7 @@ class rs {
    */
   resetCursor() {
     const i = r(this, S).container();
-    if (r(this, N).getState().toolType === "hand") {
+    if (r(this, T).getState().toolType === "hand") {
       i.style.cursor = "grab";
       return;
     }
@@ -235,55 +235,55 @@ class rs {
     r(this, S).destroy();
   }
 }
-N = new WeakMap(), S = new WeakMap(), j = new WeakMap(), jt = new WeakMap(), Jt = new WeakMap(), Qt = new WeakMap(), te = new WeakMap(), ee = new WeakMap(), ie = new WeakMap(), ne = new WeakMap(), se = new WeakMap(), oe = new WeakSet(), /**
+T = new WeakMap(), S = new WeakMap(), tt = new WeakMap(), ne = new WeakMap(), se = new WeakMap(), oe = new WeakMap(), re = new WeakMap(), ae = new WeakMap(), le = new WeakMap(), he = new WeakMap(), ce = new WeakMap(), de = new WeakSet(), /**
  * 设置事件监听器
  */
-bi = function() {
-  r(this, S).on("wheel", r(this, jt)), r(this, S).on("pointerdown", r(this, Jt)), r(this, S).on("pointermove", r(this, Qt)), r(this, S).on("pointerup", r(this, te)), r(this, S).on("dragstart", r(this, ee)), r(this, S).on("dragmove", r(this, ie)), r(this, S).on("dragend", r(this, ne)), r(this, S).on("contextmenu", r(this, se));
+_i = function() {
+  r(this, S).on("wheel", r(this, ne)), r(this, S).on("pointerdown", r(this, se)), r(this, S).on("pointermove", r(this, oe)), r(this, S).on("pointerup", r(this, re)), r(this, S).on("dragstart", r(this, ae)), r(this, S).on("dragmove", r(this, le)), r(this, S).on("dragend", r(this, he)), r(this, S).on("contextmenu", r(this, ce));
 };
-var kt, I, re, ae, le, he, ce, de, ge, Ei;
-class as {
+var Lt, I, ge, ue, me, fe, pe, ye, ve, Mi;
+class fs {
   constructor(i, t) {
-    m(this, ge);
-    m(this, kt);
-    m(this, I);
+    g(this, ve);
+    g(this, Lt);
+    g(this, I);
     /**
      * 处理 transformstart 事件
      */
-    m(this, re, () => {
+    g(this, ge, () => {
       this.emitPositionChange();
     });
     /**
      * 处理 transform 事件
      */
-    m(this, ae, () => {
+    g(this, ue, () => {
       this.emitPositionChange();
     });
     /**
      * 处理 transformend 事件
      */
-    m(this, le, () => {
+    g(this, me, () => {
       this.emitPositionChange();
     });
     /**
      * 处理 dragstart 事件
      */
-    m(this, he, () => {
+    g(this, fe, () => {
       this.emitPositionChange();
     });
     /**
      * 处理 dragmove 事件
      */
-    m(this, ce, () => {
+    g(this, pe, () => {
       this.emitPositionChange();
     });
     /**
      * 处理 dragend 事件
      */
-    m(this, de, () => {
+    g(this, ye, () => {
       this.emitPositionChange();
     });
-    w(this, kt, i), w(this, I, new M.Transformer({
+    x(this, Lt, i), x(this, I, new _.Transformer({
       rotateEnabled: t?.rotateEnabled ?? !0,
       ignoreStroke: t?.ignoreStroke ?? !0,
       anchorSize: t?.anchorSize ?? 8,
@@ -291,7 +291,7 @@ class as {
       anchorCornerRadius: t?.anchorCornerRadius ?? 4,
       padding: t?.padding ?? 6,
       shouldOverdrawWholeArea: !0
-    })), _(this, ge, Ei).call(this);
+    })), E(this, ve, Mi).call(this);
   }
   /**
    * 获取原生 Konva.Transformer 实例
@@ -333,7 +333,7 @@ class as {
       "bottom-right",
       "middle-left",
       "middle-right"
-    ]), this.emitPositionChange();
+    ]), i.length === 1 && i[0].getAttr("$_type") === "arrow" ? r(this, I).visible(!1) : r(this, I).visible(!0), this.emitPositionChange();
   }
   /**
    * 获取当前变换的节点
@@ -352,7 +352,7 @@ class as {
    */
   emitPositionChange() {
     const i = this.getPosition();
-    r(this, kt)._emit("transformer:positionChange", i);
+    r(this, Lt)._emit("transformer:positionChange", i);
   }
   /**
    * 销毁 Transformer
@@ -361,11 +361,11 @@ class as {
     r(this, I).destroy();
   }
 }
-kt = new WeakMap(), I = new WeakMap(), re = new WeakMap(), ae = new WeakMap(), le = new WeakMap(), he = new WeakMap(), ce = new WeakMap(), de = new WeakMap(), ge = new WeakSet(), /**
+Lt = new WeakMap(), I = new WeakMap(), ge = new WeakMap(), ue = new WeakMap(), me = new WeakMap(), fe = new WeakMap(), pe = new WeakMap(), ye = new WeakMap(), ve = new WeakSet(), /**
  * 设置事件监听器
  */
-Ei = function() {
-  r(this, I).on("transformstart", r(this, re)), r(this, I).on("transform", r(this, ae)), r(this, I).on("transformend", r(this, le)), r(this, I).on("dragstart", r(this, he)), r(this, I).on("dragmove", r(this, ce)), r(this, I).on("dragend", r(this, de)), r(this, I).on("pointerdblclick", (i) => {
+Mi = function() {
+  r(this, I).on("transformstart", r(this, ge)), r(this, I).on("transform", r(this, ue)), r(this, I).on("transformend", r(this, me)), r(this, I).on("dragstart", r(this, fe)), r(this, I).on("dragmove", r(this, pe)), r(this, I).on("dragend", r(this, ye)), r(this, I).on("pointerdblclick", (i) => {
     const t = r(this, I).nodes();
     if (t.length === 1) {
       const e = t[0];
@@ -376,85 +376,85 @@ Ei = function() {
     }
   });
 };
-var F, D, Z, B;
-class ls {
+var L, V, W, O;
+class ps {
   // todo: 优化 selectedNodeIds 的存储和查询性能
   // private _selectedNodeIds: Set<string> = new Set();
   constructor(i) {
-    m(this, F, []);
-    m(this, D);
-    m(this, Z, []);
-    m(this, B);
-    w(this, D, i), w(this, B, Mn());
+    g(this, L, []);
+    g(this, V);
+    g(this, W, []);
+    g(this, O);
+    x(this, V, i), x(this, O, Ln());
   }
   /**
    * 获取当前状态
    */
   getState() {
-    return { ...r(this, D) };
+    return { ...r(this, V) };
   }
   /**
    * 获取完整历史状态
    */
   getHistory() {
     return {
-      past: [...r(this, F)],
-      present: { ...r(this, D) },
-      future: [...r(this, Z)]
+      past: [...r(this, L)],
+      present: { ...r(this, V) },
+      future: [...r(this, W)]
     };
   }
   /**
    * 是否可以撤销
    */
   canUndo() {
-    return r(this, F).length > 0;
+    return r(this, L).length > 0;
   }
   /**
    * 是否可以重做
    */
   canRedo() {
-    return r(this, Z).length > 0;
+    return r(this, W).length > 0;
   }
   /**
    * 订阅状态事件
    */
   on(i, t) {
-    r(this, B).on(i, t);
+    r(this, O).on(i, t);
   }
   /**
    * 取消订阅状态事件
    */
   off(i, t) {
-    r(this, B).off(i, t);
+    r(this, O).off(i, t);
   }
   /**
    * @internal
    * 发送事件
    */
   _emit(i, t) {
-    r(this, B).emit(i, t);
+    r(this, O).emit(i, t);
   }
   /**
    * 撤销操作
    */
   undo() {
-    if (r(this, F).length === 0) return;
-    const i = r(this, F)[r(this, F).length - 1], t = r(this, F).slice(0, r(this, F).length - 1);
-    w(this, F, t), w(this, Z, [r(this, D), ...r(this, Z)]), w(this, D, i), this._renderCanvas(i), r(this, B).emit("state:undo", i), r(this, B).emit("state:change", i);
+    if (r(this, L).length === 0) return;
+    const i = r(this, L)[r(this, L).length - 1], t = r(this, L).slice(0, r(this, L).length - 1);
+    x(this, L, t), x(this, W, [r(this, V), ...r(this, W)]), x(this, V, i), this._renderCanvas(i), r(this, O).emit("state:undo", i), r(this, O).emit("state:change", i);
   }
   /**
    * 重做操作
    */
   redo() {
-    if (r(this, Z).length === 0) return;
-    const i = r(this, Z)[0], t = r(this, Z).slice(1);
-    w(this, F, [...r(this, F), r(this, D)]), w(this, Z, t), w(this, D, i), this._renderCanvas(i), r(this, B).emit("state:redo", i), r(this, B).emit("state:change", i);
+    if (r(this, W).length === 0) return;
+    const i = r(this, W)[0], t = r(this, W).slice(1);
+    x(this, L, [...r(this, L), r(this, V)]), x(this, W, t), x(this, V, i), this._renderCanvas(i), r(this, O).emit("state:redo", i), r(this, O).emit("state:change", i);
   }
   /**
    * 重置历史记录
    */
   resetHistory() {
-    w(this, F, []), w(this, Z, []), r(this, B).emit("state:reset", r(this, D)), r(this, B).emit("state:change", r(this, D));
+    x(this, L, []), x(this, W, []), r(this, O).emit("state:reset", r(this, V)), r(this, O).emit("state:change", r(this, V));
   }
   /**
    * 更新状态
@@ -462,25 +462,25 @@ class ls {
    * @param addToHistory - 是否添加到历史记录
    */
   _updateState(i, t) {
-    const e = { ...r(this, D), ...i };
-    t && (w(this, F, [...r(this, F), r(this, D)]), w(this, Z, [])), w(this, D, e), r(this, B).emit("state:change", e);
+    const e = { ...r(this, V), ...i };
+    t && (x(this, L, [...r(this, L), r(this, V)]), x(this, W, [])), x(this, V, e), r(this, O).emit("state:change", e);
   }
   /**
    * 清理资源
    */
   _dispose() {
-    r(this, B).all.clear();
+    r(this, O).all.clear();
   }
 }
-F = new WeakMap(), D = new WeakMap(), Z = new WeakMap(), B = new WeakMap();
-class et {
+L = new WeakMap(), V = new WeakMap(), W = new WeakMap(), O = new WeakMap();
+class st {
 }
-const hs = {
+const ys = {
   // 将 Konva 的 stroke 属性映射到 NodeStyle 的 $_strokeColor
   stroke: "$_strokeColor",
   // 将 Konva 的 fill 属性映射到 NodeStyle 的 $_fillColor
   fill: "$_fillColor"
-}, Si = {
+}, Ii = {
   "theme.select-rect-border": "rgb(33, 150, 243)",
   "theme.select-rect-fill": "rgba(33, 150, 243, 0.2)",
   "theme.image-marker-color": "#F44336",
@@ -498,7 +498,7 @@ const hs = {
   "theme.fill-color.4": "#DBEAFE",
   "theme.fill-color.5": "#D1FAE5",
   "theme.fill-color.6": "#FEF3C7"
-}, cs = {
+}, vs = {
   "theme.select-rect-border": "rgb(144, 202, 249)",
   "theme.select-rect-fill": "rgba(144, 202, 249, 0.15)",
   "theme.image-marker-color": "#EF5350",
@@ -516,15 +516,15 @@ const hs = {
   "theme.fill-color.4": "#DBEAFE",
   "theme.fill-color.5": "#D1FAE5",
   "theme.fill-color.6": "#FEF3C7"
-}, Bo = {
-  default: Si,
-  dark: cs
-}, Wt = {
+}, Wo = {
+  default: Ii,
+  dark: vs
+}, Jt = {
   $_strokeColor: "theme.stroke-color.1"
 };
-function it(n, i) {
+function ot(n, i) {
   const t = {};
-  return Object.entries(hs).forEach(
+  return Object.entries(ys).forEach(
     ([e, s]) => {
       if (s in n) {
         const o = n[s];
@@ -534,12 +534,12 @@ function it(n, i) {
     }
   ), t;
 }
-const ds = (n, i) => {
+const Cs = (n, i) => {
   if (n.length !== i.length) return !1;
   const t = new Set(n);
   return i.every((e) => t.has(e));
 };
-function Ni(n, i) {
+function ki(n, i) {
   const { x: t, y: e, width: s, height: o } = n;
   return {
     triangle: [
@@ -579,16 +579,16 @@ function Ni(n, i) {
     y: Number((e + l.y * o).toFixed(2)) - n.y
   }));
 }
-function si(n, i) {
-  const t = Math.max(n.width ?? E.MIN_SIZE, E.MIN_SIZE), e = Math.max(n.height ?? E.MIN_SIZE, E.MIN_SIZE), s = it(
+function hi(n, i) {
+  const t = Math.max(n.width ?? N.MIN_SIZE, N.MIN_SIZE), e = Math.max(n.height ?? N.MIN_SIZE, N.MIN_SIZE), s = ot(
     {
-      ...Wt,
+      ...Jt,
       ...n
     },
     i
   );
   return {
-    cornerRadius: E.CORNER_RADIUS,
+    cornerRadius: N.CORNER_RADIUS,
     strokeWidth: 2,
     ...n,
     ...s,
@@ -599,8 +599,8 @@ function si(n, i) {
     listening: n.$_listening ?? !0
   };
 }
-function oi(n, i) {
-  const t = n.width ?? q.MIN_SIZE, e = n.height ?? q.MIN_SIZE, s = it(n, i);
+function ci(n, i) {
+  const t = n.width ?? Q.MIN_SIZE, e = n.height ?? Q.MIN_SIZE, s = ot(n, i);
   if (!n.image) {
     const a = document.createElement("canvas");
     a.width = t, a.height = e, n.image = a;
@@ -612,8 +612,8 @@ function oi(n, i) {
     draggable: !0
   };
 }
-function ri(n, i) {
-  const t = n.width ?? q.MIN_SIZE, e = n.height ?? q.MIN_SIZE, s = it(n, i);
+function di(n, i) {
+  const t = n.width ?? Q.MIN_SIZE, e = n.height ?? Q.MIN_SIZE, s = ot(n, i);
   if (!n.$_coverUrl) {
     const a = document.createElement("canvas");
     a.width = t, a.height = e, n.image = a;
@@ -625,8 +625,8 @@ function ri(n, i) {
     draggable: !0
   };
 }
-function ai(n, i) {
-  const t = Math.max(n.width ?? E.MIN_SIZE, E.MIN_SIZE), e = Math.max(n.height ?? E.MIN_SIZE, E.MIN_SIZE), s = it(n, i);
+function gi(n, i) {
+  const t = Math.max(n.width ?? N.MIN_SIZE, N.MIN_SIZE), e = Math.max(n.height ?? N.MIN_SIZE, N.MIN_SIZE), s = ot(n, i);
   return s.markerColor = i["theme.image-marker-color"], {
     ...n,
     ...s,
@@ -635,8 +635,8 @@ function ai(n, i) {
     name: `${b.nodeRoot} ${b.imageMarker} ${n.$_parentId}`
   };
 }
-function li(n, i) {
-  const t = Math.max(n.width ?? E.MIN_SIZE, E.MIN_SIZE), e = Math.max(n.height ?? E.MIN_SIZE, E.MIN_SIZE), s = it(n, i);
+function ui(n, i) {
+  const t = Math.max(n.width ?? N.MIN_SIZE, N.MIN_SIZE), e = Math.max(n.height ?? N.MIN_SIZE, N.MIN_SIZE), s = ot(n, i);
   return {
     ...n,
     ...s,
@@ -646,8 +646,8 @@ function li(n, i) {
     draggable: !0
   };
 }
-function hi(n, i) {
-  const t = it(n, i);
+function mi(n, i) {
+  const t = ot(n, i);
   return {
     fontSize: 16,
     fontFamily: "Comic Sans MS",
@@ -660,8 +660,8 @@ function hi(n, i) {
     draggable: !0
   };
 }
-function ci(n, i) {
-  const t = it(n, i);
+function fi(n, i) {
+  const t = ot(n, i);
   return {
     cornerRadius: 0,
     ...n,
@@ -670,16 +670,16 @@ function ci(n, i) {
     draggable: !0
   };
 }
-function di(n, i) {
-  const t = n.outerRadius || 0, e = it(
+function pi(n, i) {
+  const t = n.outerRadius || 0, e = ot(
     {
-      ...Wt,
+      ...Jt,
       ...n
     },
     i
   );
   return {
-    cornerRadius: E.CORNER_RADIUS,
+    cornerRadius: N.CORNER_RADIUS,
     strokeWidth: 2,
     ...n,
     ...e,
@@ -691,10 +691,10 @@ function di(n, i) {
     listening: n.$_listening ?? !0
   };
 }
-function gi(n, i) {
-  const t = n.width || 0, e = n.height || 0, s = it(
+function yi(n, i) {
+  const t = n.width || 0, e = n.height || 0, s = ot(
     {
-      ...Wt,
+      ...Jt,
       ...n
     },
     i
@@ -710,14 +710,14 @@ function gi(n, i) {
     listening: n.$_listening ?? !0
   };
 }
-function ui(n, i) {
-  const t = n.width || 0, e = n.height || 0, s = it(
+function vi(n, i) {
+  const t = n.width || 0, e = n.height || 0, s = ot(
     {
-      ...Wt,
+      ...Jt,
       ...n
     },
     i
-  ), o = Ni(
+  ), o = ki(
     { x: n.x, y: n.y, width: t, height: e },
     n.$_shape
   );
@@ -732,10 +732,10 @@ function ui(n, i) {
     listening: n.$_listening ?? !0
   };
 }
-function mi(n, i) {
-  const t = it(
+function Ci(n, i) {
+  const t = ot(
     {
-      ...Wt,
+      ...Jt,
       ...n
     },
     i
@@ -751,33 +751,33 @@ function mi(n, i) {
     listening: n.$_listening ?? !0
   };
 }
-const _i = /* @__PURE__ */ new WeakMap();
-function nt(n, i) {
-  _i.set(n, i);
+const Ri = /* @__PURE__ */ new WeakMap();
+function rt(n, i) {
+  Ri.set(n, i);
 }
-function fi(n) {
-  return _i.get(n);
+function xi(n) {
+  return Ri.get(n);
 }
-function gs(n) {
+function xs(n) {
   return {
-    width: Math.max(E.MIN_SIZE, n.width() * n.scaleX()),
-    height: Math.max(E.MIN_SIZE, n.height() * n.scaleY())
+    width: Math.max(N.MIN_SIZE, n.width() * n.scaleX()),
+    height: Math.max(N.MIN_SIZE, n.height() * n.scaleY())
   };
 }
-var Rt, ue, Ti;
-class us extends et {
+var Dt, Ce, $i;
+class ws extends st {
   constructor(t, e, s = !1) {
     super();
-    m(this, ue);
+    g(this, Ce);
     p(this, "core");
     p(this, "config");
     p(this, "element");
     p(this, "isDraft");
-    m(this, Rt, ({ type: t }) => {
+    g(this, Dt, ({ type: t }) => {
       const e = t === "select";
       this.element.listening(e && (this.config.$_listening ?? !0));
     });
-    this.core = t, this.config = si(e, this.core.getTheme()), this.element = this.createElement(), nt(this.element, this), this.isDraft = s, _(this, ue, Ti).call(this);
+    this.core = t, this.config = hi(e, this.core.getTheme()), this.element = this.createElement(), rt(this.element, this), this.isDraft = s, E(this, Ce, $i).call(this);
   }
   getID() {
     return this.config.id;
@@ -790,7 +790,7 @@ class us extends et {
     this.config = e;
   }
   createElement() {
-    return new M.Rect(this.config);
+    return new _.Rect(this.config);
   }
   /**
    * 获取 Konva.Rect 实例
@@ -802,7 +802,7 @@ class us extends et {
    * 更新节点数据
    */
   update(t) {
-    this.config = si(
+    this.config = hi(
       {
         ...this.config,
         ...t
@@ -814,16 +814,16 @@ class us extends et {
    * 销毁
    */
   destroy() {
-    this.core.off("toolType:change", r(this, Rt)), this.element.destroy();
+    this.core.off("toolType:change", r(this, Dt)), this.element.destroy();
   }
 }
-Rt = new WeakMap(), ue = new WeakSet(), /**
+Dt = new WeakMap(), Ce = new WeakSet(), /**
  * 设置事件处理器
  */
-Ti = function() {
+$i = function() {
   const t = this.getElement();
-  this.core.on("toolType:change", r(this, Rt)), t.on("transform", (e) => {
-    const s = e.target, { width: o, height: a } = gs(s);
+  this.core.on("toolType:change", r(this, Dt)), t.on("transform", (e) => {
+    const s = e.target, { width: o, height: a } = xs(s);
     s.scale({ x: 1, y: 1 }), s.width(o), s.height(a);
   }), t.on("transformend", (e) => {
     this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
@@ -831,20 +831,20 @@ Ti = function() {
     this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
   });
 };
-var rt, ke, $t, At, Mi, Re;
-class ms extends et {
+var ht, He, Pt, Bt, Ai, Le;
+class bs extends st {
   constructor(t, e, s = !1) {
     super();
-    m(this, rt);
+    g(this, ht);
     p(this, "core");
     p(this, "config");
     p(this, "element");
     p(this, "isDraft");
-    m(this, $t, ({ type: t }) => {
+    g(this, Pt, ({ type: t }) => {
       const e = t === "select";
       this.element.listening(e && (this.config.$_listening ?? !0));
     });
-    m(this, At, () => {
+    g(this, Bt, () => {
       const t = this.getElement().getLayer();
       if (!t) return;
       const e = t.find(
@@ -853,12 +853,12 @@ class ms extends et {
       this.core._rebuildStateAfterNodeChange(
         [
           this,
-          ...e.map((s) => fi(s)).filter((s) => s !== void 0)
+          ...e.map((s) => xi(s)).filter((s) => s !== void 0)
         ],
         !0
       );
     });
-    this.core = t, this.config = oi(e, this.core.getTheme()), this.element = this.createElement(), nt(this.element, this), this.isDraft = s, _(this, rt, ke).call(this), _(this, rt, Mi).call(this, this.getElement());
+    this.core = t, this.config = ci(e, this.core.getTheme()), this.element = this.createElement(), rt(this.element, this), this.isDraft = s, E(this, ht, He).call(this), E(this, ht, Ai).call(this, this.getElement());
   }
   getID() {
     return this.config.id;
@@ -870,7 +870,7 @@ class ms extends et {
     this.config = e;
   }
   createElement() {
-    return new M.Image(this.config);
+    return new _.Image(this.config);
   }
   /**
    * 获取 Konva.Image 实例
@@ -883,19 +883,19 @@ class ms extends et {
    */
   update(t) {
     const e = this.config;
-    this.config = oi(
+    this.config = ci(
       {
         ...e,
         ...t
       },
       this.core.getTheme()
-    ), delete this.config.image, this.getElement().setAttrs(this.config), t.$_imageUrl && t.$_imageUrl !== e.$_imageUrl && _(this, rt, ke).call(this);
+    ), delete this.config.image, this.getElement().setAttrs(this.config), t.$_imageUrl && t.$_imageUrl !== e.$_imageUrl && E(this, ht, He).call(this);
   }
   /**
    * 销毁
    */
   destroy() {
-    this.core.off("toolType:change", r(this, $t)), this.element.destroy();
+    this.core.off("toolType:change", r(this, Pt)), this.element.destroy();
   }
   getConfig() {
     return {
@@ -904,10 +904,10 @@ class ms extends et {
     };
   }
 }
-rt = new WeakSet(), /**
+ht = new WeakSet(), /**
  * 加载图片
  */
-ke = function() {
+He = function() {
   const t = this.config.$_imageUrl;
   if (!t) {
     console.warn("Image URL is missing");
@@ -917,71 +917,71 @@ ke = function() {
   e.crossOrigin = "anonymous", e.src = t, e.onload = () => {
     this.getElement().image(e);
     const s = this.config.width ?? e.width, o = this.config.height ?? e.height;
-    this.getElement().width(Math.max(s, q.MIN_SIZE)), this.getElement().height(Math.max(o, q.MIN_SIZE));
+    this.getElement().width(Math.max(s, Q.MIN_SIZE)), this.getElement().height(Math.max(o, Q.MIN_SIZE));
   }, e.onerror = () => {
     console.error("Failed to load image:", t);
   };
-}, $t = new WeakMap(), At = new WeakMap(), /**
+}, Pt = new WeakMap(), Bt = new WeakMap(), /**
  * 设置事件处理器
  */
-Mi = function(t) {
-  this.core.on("toolType:change", r(this, $t)), t.on("transform", (e) => {
-    const s = e.target, o = Math.max(q.MIN_SIZE, s.width() * s.scaleX()), a = Math.max(q.MIN_SIZE, s.height() * s.scaleY());
-    s.scale({ x: 1, y: 1 }), s.width(o), s.height(a), _(this, rt, Re).call(this);
+Ai = function(t) {
+  this.core.on("toolType:change", r(this, Pt)), t.on("transform", (e) => {
+    const s = e.target, o = Math.max(Q.MIN_SIZE, s.width() * s.scaleX()), a = Math.max(Q.MIN_SIZE, s.height() * s.scaleY());
+    s.scale({ x: 1, y: 1 }), s.width(o), s.height(a), E(this, ht, Le).call(this);
   }), t.on("transformend", () => {
-    this.syncConfigFromElement(), r(this, At).call(this);
+    this.syncConfigFromElement(), r(this, Bt).call(this);
   }), t.on("dragmove", () => {
-    _(this, rt, Re).call(this);
+    E(this, ht, Le).call(this);
   }), t.on("dragend", () => {
-    this.syncConfigFromElement(), r(this, At).call(this);
+    this.syncConfigFromElement(), r(this, Bt).call(this);
   });
 }, /**
  * 同步 image-marker 节点的位置（实时更新 Konva 元素）
  */
-Re = function() {
+Le = function() {
   const t = this.getElement(), e = t.getLayer();
   if (!e) return;
   const s = t.x(), o = t.y(), a = t.width(), h = t.height(), l = e.find(
     (f) => f.hasName(this.config.id)
   ), d = this.core.getState().nodes || [];
   l.forEach((f) => {
-    const u = d.find((g) => g.id === f.id());
-    if (u?.$_type === "image-marker" && u.$_relativeBox) {
-      const { start: g, end: y } = u.$_relativeBox, x = s + g.ratioX * a, v = o + g.ratioY * h, T = s + y.ratioX * a, C = o + y.ratioY * h, L = Math.min(x, T), lt = Math.min(v, C), W = Math.abs(T - x), Y = Math.abs(C - v);
+    const m = d.find((u) => u.id === f.id());
+    if (m?.$_type === "image-marker" && m.$_relativeBox) {
+      const { start: u, end: y } = m.$_relativeBox, w = s + u.ratioX * a, v = o + u.ratioY * h, M = s + y.ratioX * a, C = o + y.ratioY * h, B = Math.min(w, M), dt = Math.min(v, C), K = Math.abs(M - w), q = Math.abs(C - v);
       f.setAttrs({
-        x: L,
-        y: lt,
-        width: W,
-        height: Y
-      }), f.getChildren().forEach((P) => {
-        P.getClassName() === "Rect" ? P.setAttrs({ width: W, height: Y }) : P.getClassName() === "Group" && P.setAttrs({ x: W, y: Y });
-      }), fi(f)?.syncConfigFromElement();
+        x: B,
+        y: dt,
+        width: K,
+        height: q
+      }), f.getChildren().forEach((z) => {
+        z.getClassName() === "Rect" ? z.setAttrs({ width: K, height: q }) : z.getClassName() === "Group" && z.setAttrs({ x: K, y: q });
+      }), xi(f)?.syncConfigFromElement();
     }
   });
 };
-var J, U, dt, st, wt, bt, _t, Ii, ki;
-class fs extends et {
+var et, X, mt, at, _t, Mt, $t, Fi, Hi;
+class Es extends st {
   constructor(t, e, s = !1) {
     super();
-    m(this, _t);
+    g(this, $t);
     p(this, "core");
     p(this, "config");
     p(this, "element");
     p(this, "isDraft");
-    m(this, J);
-    m(this, U);
-    m(this, dt);
-    m(this, st);
-    m(this, wt);
-    m(this, bt);
-    this.core = t, this.config = ai(e, this.core.getTheme()), this.isDraft = s, this.element = this.createElement(), nt(this.element, this);
+    g(this, et);
+    g(this, X);
+    g(this, mt);
+    g(this, at);
+    g(this, _t);
+    g(this, Mt);
+    this.core = t, this.config = gi(e, this.core.getTheme()), this.isDraft = s, this.element = this.createElement(), rt(this.element, this);
     const o = this.getElement();
-    w(this, J, o.findOne(".rect")), w(this, U, o.findOne(".marker-group")), w(this, dt, r(this, U).findOne("Circle")), w(this, st, r(this, U).findOne("Text")), _(this, _t, ki).call(this), w(this, wt, () => {
-      _(this, _t, Ii).call(this);
-    }), this.core.on("viewport:scale:change", r(this, wt)), w(this, bt, (a) => {
+    x(this, et, o.findOne(".rect")), x(this, X, o.findOne(".marker-group")), x(this, mt, r(this, X).findOne("Circle")), x(this, at, r(this, X).findOne("Text")), E(this, $t, Hi).call(this), x(this, _t, () => {
+      E(this, $t, Fi).call(this);
+    }), this.core.on("viewport:scale:change", r(this, _t)), x(this, Mt, (a) => {
       const h = a.includes(this.config.id);
       this.setFocusState(h);
-    }), this.core.on("nodes:selected", r(this, bt));
+    }), this.core.on("nodes:selected", r(this, Mt));
   }
   getID() {
     return this.config.id;
@@ -990,14 +990,14 @@ class fs extends et {
     return this.config;
   }
   createElement() {
-    const t = Math.max(this.config.width ?? E.MIN_SIZE, E.MIN_SIZE), e = Math.max(this.config.height ?? E.MIN_SIZE, E.MIN_SIZE), s = new M.Group({
+    const t = Math.max(this.config.width ?? N.MIN_SIZE, N.MIN_SIZE), e = Math.max(this.config.height ?? N.MIN_SIZE, N.MIN_SIZE), s = new _.Group({
       id: this.config.id,
       name: `${b.nodeRoot} ${b.imageMarker} ${this.config.$_parentId}`,
       x: this.config.x,
       y: this.config.y,
       width: t,
       height: e
-    }), o = this.core.getStageScale(), a = 2 / o, h = [5 / o, 5 / o], l = E.CORNER_RADIUS / o, d = new M.Rect({
+    }), o = this.core.getStageScale(), a = 2 / o, h = [5 / o, 5 / o], l = N.CORNER_RADIUS / o, d = new _.Rect({
       name: "rect",
       x: 0,
       y: 0,
@@ -1008,28 +1008,28 @@ class fs extends et {
       dash: h,
       cornerRadius: l,
       listening: !1
-    }), f = new M.Group({
+    }), f = new _.Group({
       name: "marker-group",
       x: t,
       y: e,
       visible: !this.isDraft
-    }), u = 14 / o, g = 3 / o, y = 16 / o, x = new M.Circle({
-      radius: u,
+    }), m = 14 / o, u = 3 / o, y = 16 / o, w = new _.Circle({
+      radius: m,
       fill: this.config.markerColor,
       stroke: "white",
-      strokeWidth: g
-    }), v = new M.Text({
-      x: -u,
-      y: -u,
-      width: u * 2,
-      height: u * 2,
+      strokeWidth: u
+    }), v = new _.Text({
+      x: -m,
+      y: -m,
+      width: m * 2,
+      height: m * 2,
       text: String(this.config.$_markerNumber || ""),
       align: "center",
       verticalAlign: "middle",
       fontSize: y,
       fill: "white"
     });
-    return f.add(x), f.add(v), s.add(d), s.add(f), s;
+    return f.add(w), f.add(v), s.add(d), s.add(f), s;
   }
   /**
    * 获取 Konva.Group 实例
@@ -1041,7 +1041,7 @@ class fs extends et {
    * 更新节点数据
    */
   update(t) {
-    this.config = ai(
+    this.config = gi(
       {
         ...this.config,
         ...t
@@ -1050,21 +1050,21 @@ class fs extends et {
     );
     const e = this.getElement();
     e.x(this.config.x), e.y(this.config.y);
-    const s = Math.max(this.config.width ?? E.MIN_SIZE, E.MIN_SIZE), o = Math.max(this.config.height ?? E.MIN_SIZE, E.MIN_SIZE);
-    e.width(s), e.height(o), r(this, J).width(s), r(this, J).height(o), r(this, U).x(s), r(this, U).y(o), t.markerColor && (r(this, J).stroke(t.markerColor), r(this, dt).fill(t.markerColor)), t.$_markerNumber !== void 0 && r(this, st).text(String(t.$_markerNumber));
+    const s = Math.max(this.config.width ?? N.MIN_SIZE, N.MIN_SIZE), o = Math.max(this.config.height ?? N.MIN_SIZE, N.MIN_SIZE);
+    e.width(s), e.height(o), r(this, et).width(s), r(this, et).height(o), r(this, X).x(s), r(this, X).y(o), t.markerColor && (r(this, et).stroke(t.markerColor), r(this, mt).fill(t.markerColor)), t.$_markerNumber !== void 0 && r(this, at).text(String(t.$_markerNumber));
   }
   /**
    * 销毁
    */
   destroy() {
-    this.core.off("viewport:scale:change", r(this, wt)), this.core.off("nodes:selected", r(this, bt)), this.element.destroy();
+    this.core.off("viewport:scale:change", r(this, _t)), this.core.off("nodes:selected", r(this, Mt)), this.element.destroy();
   }
   /**
    * 更新焦点状态（hover 或 selected）
    */
   setFocusState(t) {
     const e = this.core.getStageScale(), s = t ? 4 / e : 3 / e, o = t ? 1.2 : 1;
-    r(this, J).strokeWidth(s), r(this, dt).strokeWidth(s), r(this, U).scaleX(o), r(this, U).scaleY(o);
+    r(this, et).strokeWidth(s), r(this, mt).strokeWidth(s), r(this, X).scaleX(o), r(this, X).scaleY(o);
   }
   syncConfigFromElement() {
     const t = this.getElement();
@@ -1077,46 +1077,46 @@ class fs extends et {
     };
   }
 }
-J = new WeakMap(), U = new WeakMap(), dt = new WeakMap(), st = new WeakMap(), wt = new WeakMap(), bt = new WeakMap(), _t = new WeakSet(), /**
+et = new WeakMap(), X = new WeakMap(), mt = new WeakMap(), at = new WeakMap(), _t = new WeakMap(), Mt = new WeakMap(), $t = new WeakSet(), /**
  * 更新标记点的缩放以保持视觉大小不变
  */
-Ii = function() {
-  const t = this.core.getStageScale(), e = 14 / t, s = 3 / t, o = 16 / t, a = 3 / t, h = [5 / t, 5 / t], l = E.CORNER_RADIUS / t;
-  r(this, J).strokeWidth(a), r(this, J).dash(h), r(this, J).cornerRadius(l), r(this, dt).radius(e), r(this, dt).strokeWidth(s), r(this, st).x(-e), r(this, st).y(-e), r(this, st).width(e * 2), r(this, st).height(e * 2), r(this, st).fontSize(o);
+Fi = function() {
+  const t = this.core.getStageScale(), e = 14 / t, s = 3 / t, o = 16 / t, a = 3 / t, h = [5 / t, 5 / t], l = N.CORNER_RADIUS / t;
+  r(this, et).strokeWidth(a), r(this, et).dash(h), r(this, et).cornerRadius(l), r(this, mt).radius(e), r(this, mt).strokeWidth(s), r(this, at).x(-e), r(this, at).y(-e), r(this, at).width(e * 2), r(this, at).height(e * 2), r(this, at).fontSize(o);
 }, /**
  * 设置事件处理器
  */
-ki = function() {
-  r(this, U).on("pointerover", () => {
+Hi = function() {
+  r(this, X).on("pointerover", () => {
     this.setFocusState(!0), this.core._setCursor("pointer");
-  }), r(this, U).on("pointerout", () => {
+  }), r(this, X).on("pointerout", () => {
     const e = (this.core.getState().selectedNodeIds || []).includes(this.config.id);
     this.setFocusState(e), this.core._resetCursor();
-  }), r(this, U).on("pointerdown", () => {
+  }), r(this, X).on("pointerdown", () => {
     this.core._selectNodes([this.config.id]);
   });
 };
-var ht, Ft, me, Ri;
-class ps extends et {
+var gt, Vt, xe, Li;
+class Ss extends st {
   constructor(t, e, s = !1) {
     super();
-    m(this, me);
+    g(this, xe);
     p(this, "core");
     p(this, "config");
     p(this, "element");
     p(this, "isDraft");
     p(this, "htmlElement");
-    m(this, ht, () => {
+    g(this, gt, () => {
       const t = this.element.getClientRect();
       this.htmlElement.style.left = `${t.x}px`, this.htmlElement.style.top = `${t.y}px`, this.htmlElement.style.width = `${t.width}px`, this.htmlElement.style.height = `${t.height}px`;
     });
-    m(this, Ft, ({ type: t }) => {
+    g(this, Vt, ({ type: t }) => {
       const e = t === "select";
       this.element.listening(e && (this.config.$_listening ?? !0));
     });
-    this.core = t, this.config = li(e, this.core.getTheme()), this.element = this.createElement(), nt(this.element, this), this.isDraft = s, this.htmlElement = document.createElement("div"), this.htmlElement.style.position = "absolute", this.htmlElement.style.pointerEvents = "none", this.htmlElement.innerHTML = this.config.$_htmlContent, this.core.getContainer().appendChild(this.htmlElement), setTimeout(() => {
-      r(this, ht).call(this);
-    }), _(this, me, Ri).call(this);
+    this.core = t, this.config = ui(e, this.core.getTheme()), this.element = this.createElement(), rt(this.element, this), this.isDraft = s, this.htmlElement = document.createElement("div"), this.htmlElement.style.position = "absolute", this.htmlElement.style.pointerEvents = "none", this.htmlElement.innerHTML = this.config.$_htmlContent, this.core.getContainer().appendChild(this.htmlElement), setTimeout(() => {
+      r(this, gt).call(this);
+    }), E(this, xe, Li).call(this);
   }
   getID() {
     return this.config.id;
@@ -1129,7 +1129,7 @@ class ps extends et {
     this.config = e;
   }
   createElement() {
-    return new M.Rect(this.config);
+    return new _.Rect(this.config);
   }
   /**
    * 获取 Konva.Rect 实例
@@ -1141,55 +1141,55 @@ class ps extends et {
    * 更新节点数据
    */
   update(t) {
-    this.config = li(
+    this.config = ui(
       {
         ...this.config,
         ...t
       },
       this.core.getTheme()
-    ), this.getElement().setAttrs(this.config), r(this, ht).call(this);
+    ), this.getElement().setAttrs(this.config), r(this, gt).call(this);
   }
   /**
    * 销毁
    */
   destroy() {
-    this.core.off("toolType:change", r(this, Ft)), this.core.off("viewport:change", r(this, ht)), this.htmlElement.remove(), this.element.destroy();
+    this.core.off("toolType:change", r(this, Vt)), this.core.off("viewport:change", r(this, gt)), this.htmlElement.remove(), this.element.destroy();
   }
 }
-ht = new WeakMap(), Ft = new WeakMap(), me = new WeakSet(), /**
+gt = new WeakMap(), Vt = new WeakMap(), xe = new WeakSet(), /**
  * 设置事件处理器
  */
-Ri = function() {
+Li = function() {
   const t = this.getElement();
-  this.core.on("toolType:change", r(this, Ft)), this.core.on("viewport:change", r(this, ht)), t.on("transform", (e) => {
-    const s = e.target, o = Math.max(E.MIN_SIZE, s.width() * s.scaleX()), a = Math.max(E.MIN_SIZE, s.height() * s.scaleY());
-    s.scale({ x: 1, y: 1 }), s.width(o), s.height(a), r(this, ht).call(this);
+  this.core.on("toolType:change", r(this, Vt)), this.core.on("viewport:change", r(this, gt)), t.on("transform", (e) => {
+    const s = e.target, o = Math.max(N.MIN_SIZE, s.width() * s.scaleX()), a = Math.max(N.MIN_SIZE, s.height() * s.scaleY());
+    s.scale({ x: 1, y: 1 }), s.width(o), s.height(a), r(this, gt).call(this);
   }), t.on("transformend", (e) => {
     this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
   }), t.on("dragmove", () => {
-    r(this, ht).call(this);
+    r(this, gt).call(this);
   }), t.on("dragend", (e) => {
     this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
   });
 };
-var Ht, fe, pe, $i;
-class ys extends et {
+var Ot, we, be, Di;
+class Ns extends st {
   constructor(t, e, s = !1) {
     super();
-    m(this, pe);
+    g(this, be);
     p(this, "core");
     p(this, "config");
     p(this, "element");
     p(this, "isDraft");
     p(this, "rect");
-    m(this, Ht, ({ type: t }) => {
+    g(this, Ot, ({ type: t }) => {
       const e = t === "select";
       this.element.listening(e && (this.config.$_listening ?? !0));
     });
     /**
      * 编辑文字
      */
-    m(this, fe, () => {
+    g(this, we, () => {
       const t = this.element, e = this.core.getCanvasTransformer(), s = t.getClientRect(), o = document.createElement("textarea");
       this.core.getStage().getContent().appendChild(o), o.name = "text-editor", o.draggable = !1, o.value = t.text(), o.style.position = "absolute", o.style.top = s.y + "px", o.style.left = s.x + "px", o.style.minWidth = "2px", o.style.fieldSizing = "content", o.style.whiteSpace = "nowrap", o.style.height = t.height() + "px", o.style.fontSize = t.fontSize() + "px", o.style.border = "none", o.style.padding = "0px", o.style.margin = "0px", o.style.overflow = "hidden", o.style.background = "none", o.style.outline = "none", o.style.resize = "none", o.style.lineHeight = t.lineHeight().toString(), o.style.fontFamily = t.fontFamily(), o.style.transformOrigin = "left top", o.style.textAlign = t.align(), o.style.color = t.fill().toString();
       const a = t.rotation();
@@ -1198,29 +1198,29 @@ class ys extends et {
       const l = () => {
         this.core.off("viewport:change", f), o.parentNode?.removeChild(o), window.removeEventListener("click", d), window.removeEventListener("touchstart", d), t.show(), e.getTransformer().show(), e.getTransformer().forceUpdate();
       };
-      o.addEventListener("keydown", function(u) {
-        if (u.key === "Escape") {
-          const g = o.value;
-          t.text(o.value), l(), g.trim() || t.destroy();
+      o.addEventListener("keydown", function(m) {
+        if (m.key === "Escape") {
+          const u = o.value;
+          t.text(o.value), l(), u.trim() || t.destroy();
         }
       }), o.addEventListener("keydown", function() {
         o.style.height = "auto", o.style.height = o.scrollHeight + t.fontSize() * t.lineHeight() + "px";
       });
-      const d = (u) => {
-        u.target !== o && (t.text(o.value), l());
+      const d = (m) => {
+        m.target !== o && (t.text(o.value), l());
       }, f = () => {
-        const u = t.getClientRect();
-        o.style.top = u.y + "px", o.style.left = u.x + "px";
-        const g = t.rotation();
+        const m = t.getClientRect();
+        o.style.top = m.y + "px", o.style.left = m.x + "px";
+        const u = t.rotation();
         let y = "";
-        g && (y += "rotateZ(" + g + "deg)"), o.style.transform = y + `scale(${t.getAbsoluteScale().x})`;
+        u && (y += "rotateZ(" + u + "deg)"), o.style.transform = y + `scale(${t.getAbsoluteScale().x})`;
       };
       setTimeout(() => {
         this.core.on("viewport:change", f), window.addEventListener("click", d), window.addEventListener("touchstart", d);
       });
     });
-    this.core = t, this.config = hi(e, this.core.getTheme()), this.element = this.createElement(), this.rect = new M.Rect(this.config), nt(this.element, this), this.isDraft = s, _(this, pe, $i).call(this), setTimeout(() => {
-      r(this, fe).call(this);
+    this.core = t, this.config = mi(e, this.core.getTheme()), this.element = this.createElement(), this.rect = new _.Rect(this.config), rt(this.element, this), this.isDraft = s, E(this, be, Di).call(this), setTimeout(() => {
+      r(this, we).call(this);
     });
   }
   getID() {
@@ -1234,7 +1234,7 @@ class ys extends et {
     this.config = e;
   }
   createElement() {
-    return new M.Text(this.config);
+    return new _.Text(this.config);
   }
   /**
    * 获取 Konva.Text 实例
@@ -1246,7 +1246,7 @@ class ys extends et {
    * 更新节点数据
    */
   update(t) {
-    this.config = hi(
+    this.config = mi(
       {
         ...this.config,
         ...t
@@ -1258,16 +1258,16 @@ class ys extends et {
    * 销毁
    */
   destroy() {
-    this.core.off("toolType:change", r(this, Ht)), this.element.destroy();
+    this.core.off("toolType:change", r(this, Ot)), this.element.destroy();
   }
 }
-Ht = new WeakMap(), fe = new WeakMap(), pe = new WeakSet(), /**
+Ot = new WeakMap(), we = new WeakMap(), be = new WeakSet(), /**
  * 设置事件处理器
  */
-$i = function() {
+Di = function() {
   const t = this.getElement();
-  this.core.on("toolType:change", r(this, Ht)), t.on("transform", (e) => {
-    const s = e.target, o = Math.max(E.MIN_SIZE, s.width() * s.scaleX()), a = Math.max(E.MIN_SIZE, s.height() * s.scaleY());
+  this.core.on("toolType:change", r(this, Ot)), t.on("transform", (e) => {
+    const s = e.target, o = Math.max(N.MIN_SIZE, s.width() * s.scaleX()), a = Math.max(N.MIN_SIZE, s.height() * s.scaleY());
     s.scale({ x: 1, y: 1 }), s.width(o), s.height(a);
   }), t.on("transformend", (e) => {
     this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
@@ -1275,11 +1275,11 @@ $i = function() {
     this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
   });
 };
-var Et, gt, ye, Lt, Dt, Bt, Vt, ve, Ai;
-class vs extends et {
+var It, ft, Ee, Zt, Ut, zt, Wt, Se, Pi;
+class Ts extends st {
   constructor(t, e, s = !1) {
     super();
-    m(this, ve);
+    g(this, Se);
     p(this, "core");
     p(this, "config");
     p(this, "element");
@@ -1292,29 +1292,29 @@ class vs extends et {
       this.htmlElement.id = "rich-text-html-element", this.htmlElement.style.transition = "none", this.htmlElement.style.opacity = "1", this.element.opacity(0), this.core._selectNodes(), this.core.isEditingText = !0, this.htmlElement.style.pointerEvents = "auto";
       const t = this.htmlEditorElement.innerHTML;
       this.htmlEditorElement.innerHTML = "";
-      const e = new In({
+      const e = new Dn({
         element: this.htmlEditorElement,
         extensions: [
-          kn,
-          Rn.configure({ multicolor: !0 }),
-          $n,
-          An,
-          Fn
+          Pn,
+          Bn.configure({ multicolor: !0 }),
+          Vn,
+          On,
+          Zn
         ],
         content: t,
         autofocus: !0
       });
       e.scaleWhenCreate = this.config.scaleWhenCreate || 1, this.editor = e, this.core._registerTextEditor(e), this.core.getMainLayer().listening(!1), e.on("focus", () => {
-        window.addEventListener("click", r(this, Vt));
-      }), window.addEventListener("keydown", r(this, Bt));
+        window.addEventListener("click", r(this, Wt));
+      }), window.addEventListener("keydown", r(this, zt));
     });
-    m(this, Et, async () => {
+    g(this, It, async () => {
       const t = this.htmlEditorElement.getBoundingClientRect();
       if (t.width === 0 || t.height === 0)
         return;
       this.htmlElement.style.opacity = "1", this.element.opacity(0);
       const e = t.width / (this.core.getState().viewport.scale / this.config.scaleWhenCreate), s = t.height / (this.core.getState().viewport.scale / this.config.scaleWhenCreate);
-      return Hn(this.htmlEditorElement, {
+      return Un(this.htmlEditorElement, {
         width: e,
         height: s,
         pixelRatio: 2,
@@ -1333,17 +1333,17 @@ class vs extends et {
       });
     });
     p(this, "detachEditor", () => {
-      this.editor && (this.htmlElement.id = "", this.htmlEditorElement.innerHTML = this.editor.getHTML(), this.config.$_htmlContent = this.editor.getHTML(), this.editor.commands.blur(), this.htmlElement.style.pointerEvents = "none", this.core.isEditingText = !1, this.core._unregisterTextEditor(), window.removeEventListener("keydown", r(this, Bt)), window.removeEventListener("click", r(this, Vt)), this.editor.destroy(), this.editor = void 0, this.core.getMainLayer().listening(!0), r(this, Et).call(this).then(() => {
+      this.editor && (this.htmlElement.id = "", this.htmlEditorElement.innerHTML = this.editor.getHTML(), this.config.$_htmlContent = this.editor.getHTML(), this.editor.commands.blur(), this.htmlElement.style.pointerEvents = "none", this.core.isEditingText = !1, this.core._unregisterTextEditor(), window.removeEventListener("keydown", r(this, zt)), window.removeEventListener("click", r(this, Wt)), this.editor.destroy(), this.editor = void 0, this.core.getMainLayer().listening(!0), r(this, It).call(this).then(() => {
         this.htmlElement.style.transition = "opacity 0.1s", this.htmlElement.style.opacity = "0", this.element.opacity(1);
       }).finally(() => {
         this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !1);
       }));
     });
-    m(this, gt, () => {
+    g(this, ft, () => {
       const t = this.element.getClientRect();
       this.htmlElement.style.left = `${t.x}px`, this.htmlElement.style.top = `${t.y}px`, this.config.lockX ? this.htmlEditorElement.style.width = `${this.element.width() / this.config.htmlScale * this.config.scaleWhenCreate}px` : this.htmlEditorElement.style.width = "max-content", this.htmlEditorElement.style.transform = `scale(${this.config.htmlScale})`;
     });
-    m(this, ye, () => {
+    g(this, Ee, () => {
       this.resizeObserver = new ResizeObserver((t) => {
         for (const e of t) {
           let s = !1;
@@ -1354,23 +1354,23 @@ class vs extends et {
         }
       }), this.resizeObserver.observe(this.htmlEditorElement);
     });
-    m(this, Lt, ({ type: t }) => {
+    g(this, Zt, ({ type: t }) => {
       const e = t === "select";
       this.element.listening(e && (this.config.$_listening ?? !0));
     });
-    m(this, Dt, (t) => {
+    g(this, Ut, (t) => {
       const e = this.element.getClientRect();
       this.htmlElement.style.left = `${e.x}px`, this.htmlElement.style.top = `${e.y}px`, this.htmlElement.style.transform = `scale(${this.core.getState().viewport.scale / this.config.scaleWhenCreate})`;
     });
-    m(this, Bt, (t) => {
+    g(this, zt, (t) => {
       t.key === "Escape" && this.detachEditor();
     });
-    m(this, Vt, (t) => {
+    g(this, Wt, (t) => {
       const e = t.target;
       this.htmlElement.contains(e) || this.detachEditor();
     });
-    this.core = t, this.config = ci(e, this.core.getTheme()), this.config.scaleWhenCreate = this.config.scaleWhenCreate || this.core.getState().viewport.scale || 1, this.config.htmlScale = this.config.htmlScale || 1, this.element = this.createElement(), nt(this.element, this), this.isDraft = s, this.htmlElement = document.createElement("div"), this.htmlElement.style.position = "absolute", this.htmlElement.style.pointerEvents = "none", this.htmlElement.style.overflowWrap = "break-word", this.htmlElement.style.transformOrigin = "top left", this.htmlElement.style.opacity = "0", this.htmlElement.style.transition = "opacity 0.1s", this.htmlEditorElement = document.createElement("div"), this.htmlEditorElement.style.transformOrigin = "top left", this.htmlEditorElement.style.width = "max-content", this.htmlEditorElement.innerHTML = this.config.$_htmlContent || "", this.htmlElement.appendChild(this.htmlEditorElement), this.core.getStage().content.appendChild(this.htmlElement), r(this, ye).call(this), _(this, ve, Ai).call(this), setTimeout(() => {
-      r(this, gt).call(this), this.htmlElement.style.transform = `scale(${this.core.getState().viewport.scale / this.config.scaleWhenCreate})`, r(this, Et).call(this);
+    this.core = t, this.config = fi(e, this.core.getTheme()), this.config.scaleWhenCreate = this.config.scaleWhenCreate || this.core.getState().viewport.scale || 1, this.config.htmlScale = this.config.htmlScale || 1, this.element = this.createElement(), rt(this.element, this), this.isDraft = s, this.htmlElement = document.createElement("div"), this.htmlElement.style.position = "absolute", this.htmlElement.style.pointerEvents = "none", this.htmlElement.style.overflowWrap = "break-word", this.htmlElement.style.transformOrigin = "top left", this.htmlElement.style.opacity = "0", this.htmlElement.style.transition = "opacity 0.1s", this.htmlEditorElement = document.createElement("div"), this.htmlEditorElement.style.transformOrigin = "top left", this.htmlEditorElement.style.width = "max-content", this.htmlEditorElement.innerHTML = this.config.$_htmlContent || "", this.htmlElement.appendChild(this.htmlEditorElement), this.core.getStage().content.appendChild(this.htmlElement), r(this, Ee).call(this), E(this, Se, Pi).call(this), setTimeout(() => {
+      r(this, ft).call(this), this.htmlElement.style.transform = `scale(${this.core.getState().viewport.scale / this.config.scaleWhenCreate})`, r(this, It).call(this);
     });
   }
   getID() {
@@ -1384,7 +1384,7 @@ class vs extends et {
     delete e.image, this.config = e;
   }
   createElement() {
-    return new M.Image({ ...this.config });
+    return new _.Image({ ...this.config });
   }
   /**
    * 获取 Konva.Rect 实例
@@ -1396,52 +1396,52 @@ class vs extends et {
    * 更新节点数据
    */
   update(t) {
-    this.config = ci(
+    this.config = fi(
       {
         ...this.config,
         ...t
       },
       this.core.getTheme()
-    ), console.log(this.config), delete this.config.image, this.getElement().setAttrs(this.config), r(this, gt).call(this);
+    ), console.log(this.config), delete this.config.image, this.getElement().setAttrs(this.config), r(this, ft).call(this);
   }
   /**
    * 销毁
    */
   destroy() {
-    this.resizeObserver?.disconnect(), this.core.off("toolType:change", r(this, Lt)), this.core.off("viewport:change", r(this, Dt)), this.detachEditor(), this.htmlElement.remove(), this.element.destroy();
+    this.resizeObserver?.disconnect(), this.core.off("toolType:change", r(this, Zt)), this.core.off("viewport:change", r(this, Ut)), this.detachEditor(), this.htmlElement.remove(), this.element.destroy();
   }
 }
-Et = new WeakMap(), gt = new WeakMap(), ye = new WeakMap(), Lt = new WeakMap(), Dt = new WeakMap(), Bt = new WeakMap(), Vt = new WeakMap(), ve = new WeakSet(), /**
+It = new WeakMap(), ft = new WeakMap(), Ee = new WeakMap(), Zt = new WeakMap(), Ut = new WeakMap(), zt = new WeakMap(), Wt = new WeakMap(), Se = new WeakSet(), /**
  * 设置事件处理器
  */
-Ai = function() {
+Pi = function() {
   const t = this.getElement();
-  this.core.on("toolType:change", r(this, Lt)), this.core.on("viewport:change", r(this, Dt)), t.on("transformstart", () => {
+  this.core.on("toolType:change", r(this, Zt)), this.core.on("viewport:change", r(this, Ut)), t.on("transformstart", () => {
     this.htmlElement.style.opacity = "1", this.element.opacity(0);
   }), t.on("transform", (e) => {
     const s = this.core.getTransformer().getActiveAnchor();
     if (s === "middle-left" || s === "middle-right") {
-      this.config.lockX = !0, t.setAttr("lockX", !0), t.width(t.width() * t.scaleX()), t.scale({ x: 1, y: 1 }), r(this, gt).call(this);
+      this.config.lockX = !0, t.setAttr("lockX", !0), t.width(t.width() * t.scaleX()), t.scale({ x: 1, y: 1 }), r(this, ft).call(this);
       return;
     }
-    t.width(t.width() * t.scaleX()), t.height(t.height() * t.scaleY()), this.config.htmlScale = this.config.htmlScale * t.scaleX(), t.setAttr("htmlScale", this.config.htmlScale), t.scale({ x: 1, y: 1 }), r(this, gt).call(this);
+    t.width(t.width() * t.scaleX()), t.height(t.height() * t.scaleY()), this.config.htmlScale = this.config.htmlScale * t.scaleX(), t.setAttr("htmlScale", this.config.htmlScale), t.scale({ x: 1, y: 1 }), r(this, ft).call(this);
   }), t.on("transformend", (e) => {
-    r(this, Et).call(this).finally(() => {
+    r(this, It).call(this).finally(() => {
       this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
     });
   }), t.on("dragmove", () => {
-    r(this, gt).call(this);
+    r(this, ft).call(this);
   }), t.on("dragend", (e) => {
     this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
   }), t.on("pointerdblclick", () => {
     this.attachEditor();
   });
 };
-var vt, $e, Ot, Pt, Fi;
-class Cs extends et {
+var Et, De, Xt, Yt, Bi;
+class _s extends st {
   constructor(t, e, s = !1) {
     super();
-    m(this, vt);
+    g(this, Et);
     p(this, "core");
     p(this, "config");
     p(this, "element");
@@ -1449,16 +1449,16 @@ class Cs extends et {
     p(this, "imgCover");
     p(this, "playIcon");
     p(this, "isDraft");
-    m(this, Ot, ({ type: t }) => {
+    g(this, Xt, ({ type: t }) => {
       const e = t === "select";
       this.element.listening(e && (this.config.$_listening ?? !0));
     });
-    m(this, Pt, () => {
+    g(this, Yt, () => {
       this.getElement().getLayer() && this.core._rebuildStateAfterNodeChange([this], !0);
     });
-    this.core = t, this.config = ri(e, this.core.getTheme());
+    this.core = t, this.config = di(e, this.core.getTheme());
     const { group: o, image: a, imgCover: h, playIcon: l } = this.createElement();
-    this.element = o, this.cover = a, this.imgCover = h, this.playIcon = l, this.element = o, nt(this.element, this), this.isDraft = s, _(this, vt, $e).call(this), _(this, vt, Fi).call(this, this.getElement());
+    this.element = o, this.cover = a, this.imgCover = h, this.playIcon = l, this.element = o, rt(this.element, this), this.isDraft = s, E(this, Et, De).call(this), E(this, Et, Bi).call(this, this.getElement());
   }
   getID() {
     return this.config.id;
@@ -1470,11 +1470,11 @@ class Cs extends et {
     this.config = e;
   }
   createElement() {
-    const t = new M.Group({
+    const t = new _.Group({
       ...this.config,
       width: void 0,
       height: void 0
-    }), e = new M.Image({
+    }), e = new _.Image({
       ...this.config,
       name: "",
       id: `${this.config.id}-image`,
@@ -1483,7 +1483,7 @@ class Cs extends et {
       listening: !1
     });
     t.add(e);
-    const s = new M.Rect({
+    const s = new _.Rect({
       name: "",
       x: 0,
       y: 0,
@@ -1493,7 +1493,7 @@ class Cs extends et {
       listening: !1
     });
     t.add(s);
-    const o = new M.RegularPolygon({
+    const o = new _.RegularPolygon({
       x: this.config.width / 2,
       // 微调使其视觉居中
       y: this.config.height / 2,
@@ -1518,7 +1518,7 @@ class Cs extends et {
    */
   update(t) {
     const e = this.config;
-    this.config = ri(
+    this.config = di(
       {
         ...this.config,
         ...t
@@ -1527,13 +1527,13 @@ class Cs extends et {
     ), this.getElement().setAttrs(this.config), this.cover.setAttrs({
       ...this.config,
       id: `${this.config.id}-image`
-    }), t.$_coverUrl && t.$_coverUrl !== e.$_coverUrl && _(this, vt, $e).call(this);
+    }), t.$_coverUrl && t.$_coverUrl !== e.$_coverUrl && E(this, Et, De).call(this);
   }
   /**
    * 销毁
    */
   destroy() {
-    this.core.off("toolType:change", r(this, Ot)), this.element.destroy();
+    this.core.off("toolType:change", r(this, Xt)), this.element.destroy();
   }
   getConfig() {
     return {
@@ -1544,10 +1544,10 @@ class Cs extends et {
     };
   }
 }
-vt = new WeakSet(), /**
+Et = new WeakSet(), /**
  * 加载图片
  */
-$e = function() {
+De = function() {
   const t = this.config.$_coverUrl;
   if (!t) {
     console.warn("Image URL is missing");
@@ -1557,40 +1557,40 @@ $e = function() {
   e.crossOrigin = "anonymous", e.src = t, e.onload = () => {
     this.cover.image(e);
     let s = this.config.width ?? e.width, o = this.config.height ?? e.height;
-    s = Math.max(s, q.MIN_SIZE), o = Math.max(o, q.MIN_SIZE), this.cover.width(s), this.cover.height(o), this.imgCover.width(s), this.imgCover.height(o), this.playIcon.x(s / 2), this.playIcon.y(o / 2);
+    s = Math.max(s, Q.MIN_SIZE), o = Math.max(o, Q.MIN_SIZE), this.cover.width(s), this.cover.height(o), this.imgCover.width(s), this.imgCover.height(o), this.playIcon.x(s / 2), this.playIcon.y(o / 2);
   }, e.onerror = () => {
     console.error("Failed to load image:", t);
   };
-}, Ot = new WeakMap(), Pt = new WeakMap(), /**
+}, Xt = new WeakMap(), Yt = new WeakMap(), /**
  * 设置事件处理器
  */
-Fi = function(t) {
-  this.core.on("toolType:change", r(this, Ot)), t.on("transform", (e) => {
-    const s = e.target, o = Math.max(q.MIN_SIZE, this.cover.width() * s.scaleX()), a = Math.max(
-      q.MIN_SIZE,
+Bi = function(t) {
+  this.core.on("toolType:change", r(this, Xt)), t.on("transform", (e) => {
+    const s = e.target, o = Math.max(Q.MIN_SIZE, this.cover.width() * s.scaleX()), a = Math.max(
+      Q.MIN_SIZE,
       this.cover.height() * s.scaleY()
     );
     this.cover.width(o), this.cover.height(a), this.imgCover.width(o), this.imgCover.height(a), this.playIcon.x(o / 2), this.playIcon.y(a / 2), t.scale({ x: 1, y: 1 });
   }), t.on("transformend", () => {
-    this.syncConfigFromElement(), r(this, Pt).call(this);
+    this.syncConfigFromElement(), r(this, Yt).call(this);
   }), t.on("dragend", () => {
-    this.syncConfigFromElement(), r(this, Pt).call(this);
+    this.syncConfigFromElement(), r(this, Yt).call(this);
   });
 };
-var Zt, Ce, Hi;
-class xs extends et {
+var Gt, Ne, Vi;
+class Ms extends st {
   constructor(t, e, s = !1) {
     super();
-    m(this, Ce);
+    g(this, Ne);
     p(this, "core");
     p(this, "config");
     p(this, "element");
     p(this, "isDraft");
-    m(this, Zt, ({ type: t }) => {
+    g(this, Gt, ({ type: t }) => {
       const e = t === "select";
       this.element.listening(e && (this.config.$_listening ?? !0));
     });
-    this.core = t, this.config = di(e, this.core.getTheme()), this.element = this.createElement(), nt(this.element, this), this.isDraft = s, _(this, Ce, Hi).call(this);
+    this.core = t, this.config = pi(e, this.core.getTheme()), this.element = this.createElement(), rt(this.element, this), this.isDraft = s, E(this, Ne, Vi).call(this);
   }
   getID() {
     return this.config.id;
@@ -1603,7 +1603,7 @@ class xs extends et {
     this.config = e;
   }
   createElement() {
-    return new M.Star(this.config);
+    return new _.Star(this.config);
   }
   /**
    * 获取 Konva.Star 实例
@@ -1615,7 +1615,7 @@ class xs extends et {
    * 更新节点数据
    */
   update(t) {
-    this.config = di(
+    this.config = pi(
       {
         ...this.config,
         ...t
@@ -1627,15 +1627,15 @@ class xs extends et {
    * 销毁
    */
   destroy() {
-    this.core.off("toolType:change", r(this, Zt)), this.element.destroy();
+    this.core.off("toolType:change", r(this, Gt)), this.element.destroy();
   }
 }
-Zt = new WeakMap(), Ce = new WeakSet(), /**
+Gt = new WeakMap(), Ne = new WeakSet(), /**
  * 设置事件处理器
  */
-Hi = function() {
+Vi = function() {
   const t = this.getElement();
-  this.core.on("toolType:change", r(this, Zt)), t.on("transform", (e) => {
+  this.core.on("toolType:change", r(this, Gt)), t.on("transform", (e) => {
     const s = e.target;
     let o = s.outerRadius() * s.scaleX();
     o < 10 && (o = 10), s.scale({ x: 1, y: 1 }), s.innerRadius(o / 2), s.outerRadius(o);
@@ -1645,26 +1645,26 @@ Hi = function() {
     this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
   });
 };
-function ws(n) {
+function Is(n) {
   return {
-    width: Math.max(E.MIN_SIZE, n.width() * n.scaleX()),
-    height: Math.max(E.MIN_SIZE, n.height() * n.scaleY())
+    width: Math.max(N.MIN_SIZE, n.width() * n.scaleX()),
+    height: Math.max(N.MIN_SIZE, n.height() * n.scaleY())
   };
 }
-var Ut, xe, Li;
-class bs extends et {
+var Kt, Te, Oi;
+class ks extends st {
   constructor(t, e, s = !1) {
     super();
-    m(this, xe);
+    g(this, Te);
     p(this, "core");
     p(this, "config");
     p(this, "element");
     p(this, "isDraft");
-    m(this, Ut, ({ type: t }) => {
+    g(this, Kt, ({ type: t }) => {
       const e = t === "select";
       this.element.listening(e && (this.config.$_listening ?? !0));
     });
-    this.core = t, this.config = gi(e, this.core.getTheme()), this.element = this.createElement(), nt(this.element, this), this.isDraft = s, _(this, xe, Li).call(this);
+    this.core = t, this.config = yi(e, this.core.getTheme()), this.element = this.createElement(), rt(this.element, this), this.isDraft = s, E(this, Te, Oi).call(this);
   }
   getID() {
     return this.config.id;
@@ -1677,7 +1677,7 @@ class bs extends et {
     this.config = e;
   }
   createElement() {
-    return new M.Ellipse(this.config);
+    return new _.Ellipse(this.config);
   }
   /**
    * 获取 Konva.Ellipse 实例
@@ -1689,7 +1689,7 @@ class bs extends et {
    * 更新节点数据
    */
   update(t) {
-    this.config = gi(
+    this.config = yi(
       {
         ...this.config,
         ...t
@@ -1701,16 +1701,16 @@ class bs extends et {
    * 销毁
    */
   destroy() {
-    this.core.off("toolType:change", r(this, Ut)), this.element.destroy();
+    this.core.off("toolType:change", r(this, Kt)), this.element.destroy();
   }
 }
-Ut = new WeakMap(), xe = new WeakSet(), /**
+Kt = new WeakMap(), Te = new WeakSet(), /**
  * 设置事件处理器
  */
-Li = function() {
+Oi = function() {
   const t = this.getElement();
-  this.core.on("toolType:change", r(this, Ut)), t.on("transform", (e) => {
-    const s = e.target, { width: o, height: a } = ws(s);
+  this.core.on("toolType:change", r(this, Kt)), t.on("transform", (e) => {
+    const s = e.target, { width: o, height: a } = Is(s);
     s.scale({ x: 1, y: 1 }), s.width(o), s.height(a);
   }), t.on("transformend", (e) => {
     this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
@@ -1718,26 +1718,26 @@ Li = function() {
     this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
   });
 };
-function Es(n) {
+function Rs(n) {
   return {
-    width: Math.max(E.MIN_SIZE, n.width() * n.scaleX()),
-    height: Math.max(E.MIN_SIZE, n.height() * n.scaleY())
+    width: Math.max(N.MIN_SIZE, n.width() * n.scaleX()),
+    height: Math.max(N.MIN_SIZE, n.height() * n.scaleY())
   };
 }
-var zt, we, Di;
-class Ss extends et {
+var qt, _e, Zi;
+class $s extends st {
   constructor(t, e, s = !1) {
     super();
-    m(this, we);
+    g(this, _e);
     p(this, "core");
     p(this, "config");
     p(this, "element");
     p(this, "isDraft");
-    m(this, zt, ({ type: t }) => {
+    g(this, qt, ({ type: t }) => {
       const e = t === "select";
       this.element.listening(e && (this.config.$_listening ?? !0));
     });
-    this.core = t, this.config = ui(e, this.core.getTheme()), this.element = this.createElement(), nt(this.element, this), this.isDraft = s, _(this, we, Di).call(this);
+    this.core = t, this.config = vi(e, this.core.getTheme()), this.element = this.createElement(), rt(this.element, this), this.isDraft = s, E(this, _e, Zi).call(this);
   }
   getID() {
     return this.config.id;
@@ -1750,7 +1750,7 @@ class Ss extends et {
     this.config = e;
   }
   createElement() {
-    return new M.Line(this.config);
+    return new _.Line(this.config);
   }
   /**
    * 获取 Konva.Line 实例
@@ -1762,7 +1762,7 @@ class Ss extends et {
    * 更新节点数据
    */
   update(t) {
-    this.config = ui(
+    this.config = vi(
       {
         ...this.config,
         ...t
@@ -1774,18 +1774,18 @@ class Ss extends et {
    * 销毁
    */
   destroy() {
-    this.core.off("toolType:change", r(this, zt)), this.element.destroy();
+    this.core.off("toolType:change", r(this, qt)), this.element.destroy();
   }
 }
-zt = new WeakMap(), we = new WeakSet(), /**
+qt = new WeakMap(), _e = new WeakSet(), /**
  * 设置事件处理器
  */
-Di = function() {
+Zi = function() {
   const t = this.getElement();
-  this.core.on("toolType:change", r(this, zt)), t.on("transform", (e) => {
-    const s = e.target, { width: o, height: a } = Es(s);
+  this.core.on("toolType:change", r(this, qt)), t.on("transform", (e) => {
+    const s = e.target, { width: o, height: a } = Rs(s);
     s.scale({ x: 1, y: 1 }), s.width(o), s.height(a);
-    const h = Ni(
+    const h = ki(
       { x: s.x(), y: s.y(), width: o, height: a },
       this.config.$_shape
     );
@@ -1796,26 +1796,24 @@ Di = function() {
     this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
   });
 };
-function Ns(n) {
-  return {
-    width: Math.max(E.MIN_SIZE, n.width() * n.scaleX()),
-    height: Math.max(E.MIN_SIZE, n.height() * n.scaleY())
-  };
-}
-var Xt, be, Bi;
-class _s extends et {
+var A, F, wt, bt, P, Ui, Nt, zi, Wi, jt, Xi;
+class As extends st {
   constructor(t, e, s = !1) {
     super();
-    m(this, be);
+    g(this, P);
     p(this, "core");
     p(this, "config");
     p(this, "element");
     p(this, "isDraft");
-    m(this, Xt, ({ type: t }) => {
+    g(this, A, null);
+    g(this, F, null);
+    g(this, wt, null);
+    g(this, bt, null);
+    g(this, jt, ({ type: t }) => {
       const e = t === "select";
       this.element.listening(e && (this.config.$_listening ?? !0));
     });
-    this.core = t, this.config = mi(e, this.core.getTheme()), this.element = this.createElement(), nt(this.element, this), this.isDraft = s, _(this, be, Bi).call(this);
+    this.core = t, this.config = Ci(e, this.core.getTheme()), this.element = this.createElement(), rt(this.element, this), this.isDraft = s, E(this, P, Ui).call(this), E(this, P, Xi).call(this);
   }
   getID() {
     return this.config.id;
@@ -1828,7 +1826,7 @@ class _s extends et {
     this.config = e;
   }
   createElement() {
-    return new M.Arrow(this.config);
+    return new _.Arrow(this.config);
   }
   /**
    * 获取 Konva.Arrow 实例
@@ -1840,111 +1838,183 @@ class _s extends et {
    * 更新节点数据
    */
   update(t) {
-    this.config = mi(
+    this.config = Ci(
       {
         ...this.config,
         ...t
       },
       this.core.getTheme()
-    ), this.getElement().setAttrs(this.config);
+    ), this.getElement().setAttrs(this.config), E(this, P, Nt).call(this);
   }
   /**
    * 销毁
    */
   destroy() {
-    this.core.off("toolType:change", r(this, Xt)), this.element.destroy();
+    this.core.off("toolType:change", r(this, jt)), r(this, bt) && this.core.off("nodes:selected", r(this, bt)), r(this, wt) && this.core.off("viewport:scale:change", r(this, wt)), r(this, A)?.destroy(), r(this, F)?.destroy(), this.element.destroy();
   }
 }
-Xt = new WeakMap(), be = new WeakSet(), /**
+A = new WeakMap(), F = new WeakMap(), wt = new WeakMap(), bt = new WeakMap(), P = new WeakSet(), /**
+ * 创建起点和终点的控制锚点
+ */
+Ui = function() {
+  const t = this.core.getMainLayer();
+  if (!t) return;
+  const e = this.core.getStageScale(), s = 6 / e, o = 2 / e;
+  x(this, A, new _.Circle({
+    radius: s,
+    fill: "white",
+    stroke: "#1976d2",
+    strokeWidth: o,
+    draggable: !0,
+    visible: !1,
+    name: "arrow-anchor"
+  })), x(this, F, new _.Circle({
+    radius: s,
+    fill: "white",
+    stroke: "#1976d2",
+    strokeWidth: o,
+    draggable: !0,
+    visible: !1,
+    name: "arrow-anchor"
+  })), t.add(r(this, A)), t.add(r(this, F)), E(this, P, Nt).call(this), r(this, A).on("dragmove", () => {
+    const a = [...this.element.points()];
+    if (a.length < 4) return;
+    const h = this.element, l = r(this, A).position();
+    a[0] = l.x - h.x(), a[1] = l.y - h.y(), h.points(a), this.core.getCanvasTransformer().emitPositionChange();
+  }), r(this, A).on("dragend", () => {
+    this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
+  }), r(this, F).on("dragmove", () => {
+    const a = [...this.element.points()];
+    if (a.length < 4) return;
+    const h = this.element, l = r(this, F).position();
+    a[a.length - 2] = l.x - h.x(), a[a.length - 1] = l.y - h.y(), h.points(a), this.core.getCanvasTransformer().emitPositionChange();
+  }), r(this, F).on("dragend", () => {
+    this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
+  });
+}, /**
+ * 更新锚点位置
+ */
+Nt = function() {
+  if (!r(this, A) || !r(this, F)) return;
+  const t = this.element.points();
+  if (t.length < 4) return;
+  const e = this.element, s = e.x(), o = e.y();
+  r(this, A).position({
+    x: s + t[0],
+    y: o + t[1]
+  }), r(this, F).position({
+    x: s + t[t.length - 2],
+    y: o + t[t.length - 1]
+  });
+}, /**
+ * 更新锚点样式（根据缩放调整大小）
+ */
+zi = function() {
+  if (!r(this, A) || !r(this, F)) return;
+  const t = this.core.getStageScale(), e = 6 / t, s = 2 / t;
+  r(this, A).radius(e), r(this, A).strokeWidth(s), r(this, F).radius(e), r(this, F).strokeWidth(s);
+}, /**
+ * 显示或隐藏锚点
+ */
+Wi = function(t) {
+  !r(this, A) || !r(this, F) || (r(this, A).visible(t), r(this, F).visible(t), t && (E(this, P, Nt).call(this), r(this, A).moveToTop(), r(this, F).moveToTop()));
+}, jt = new WeakMap(), /**
  * 设置事件处理器
  */
-Bi = function() {
+Xi = function() {
   const t = this.getElement();
-  this.core.on("toolType:change", r(this, Xt)), t.on("transform", (e) => {
-    const s = e.target, { width: o, height: a } = Ns(s);
-    s.scale({ x: 1, y: 1 }), s.width(o), s.height(a);
-  }), t.on("transformend", (e) => {
+  this.core.on("toolType:change", r(this, jt)), x(this, bt, (e) => {
+    const s = e.includes(this.config.id);
+    E(this, P, Wi).call(this, s);
+  }), this.core.on("nodes:selected", r(this, bt)), x(this, wt, () => {
+    E(this, P, zi).call(this);
+  }), this.core.on("viewport:scale:change", r(this, wt)), t.on("transform", (e) => {
+    const s = e.target, o = s.scaleX(), a = s.scaleY(), l = s.points().map((d, f) => f % 2 === 0 ? d * o : d * a);
+    s.points(l), s.scale({ x: 1, y: 1 }), E(this, P, Nt).call(this);
+  }), t.on("transformend", () => {
     this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
-  }), t.on("dragend", (e) => {
+  }), t.on("dragmove", () => {
+    E(this, P, Nt).call(this);
+  }), t.on("dragend", () => {
     this.syncConfigFromElement(), this.core._rebuildStateAfterNodeChange(this, !0);
   });
 };
-function pi(n, i, t, e = !1) {
+function wi(n, i, t, e = !1) {
   switch (i) {
     case "rectangle":
-      return new us(
+      return new ws(
         n,
         t,
         e
       );
     case "image":
-      return new ms(n, t, e);
+      return new bs(n, t, e);
     case "image-marker":
-      return new fs(
+      return new Es(
         n,
         t,
         e
       );
     case "html":
-      return new ps(n, t, e);
+      return new Ss(n, t, e);
     case "text":
-      return new ys(n, t, e);
+      return new Ns(n, t, e);
     case "rich-text":
-      return new vs(
+      return new Ts(
         n,
         t,
         e
       );
     case "video":
-      return new Cs(n, t, e);
+      return new _s(n, t, e);
     case "star":
-      return new xs(n, t, e);
+      return new Ms(n, t, e);
     case "ellipse":
-      return new bs(
+      return new ks(
         n,
         t,
         e
       );
     case "polygon":
-      return new Ss(
+      return new $s(
         n,
         t,
         e
       );
     case "arrow":
-      return new _s(n, t, e);
+      return new As(n, t, e);
     default:
       return null;
   }
 }
-function yi(n, i) {
+function bi(n, i) {
   return Math.min(Math.max(n, i[0]), i[1]);
 }
-const Ts = (n, i, t) => n === "arrow" ? {
+const Fs = (n, i, t) => n === "arrow" ? {
   ...t,
   $_type: n,
-  id: xt(),
+  id: Tt(),
   points: [i.x, i.y, i.x, i.y]
 } : {
   ...t,
   $_type: n,
-  id: xt(),
+  id: Tt(),
   x: i.x,
   y: i.y
 };
-function Ms(n, i, t) {
+function Hs(n, i, t) {
   let e = i;
   if (n.$_type === "image-marker" && n.$_bounds) {
     const s = n.$_bounds;
     e = {
-      x: yi(i.x, [s.x, s.x + s.width]),
-      y: yi(i.y, [s.y, s.y + s.height])
+      x: bi(i.x, [s.x, s.x + s.width]),
+      y: bi(i.y, [s.y, s.y + s.height])
     };
   }
   if (["rectangle", "image", "image-marker", "html", "polygon"].includes(
     n.$_type
   )) {
-    const [s, o] = Kt(t, e);
+    const [s, o] = ee(t, e);
     return {
       ...n,
       x: s.x,
@@ -1954,7 +2024,7 @@ function Ms(n, i, t) {
     };
   }
   if (["ellipse"].includes(n.$_type)) {
-    const [s, o] = Kt(t, e);
+    const [s, o] = ee(t, e);
     return {
       ...n,
       x: (o.x - s.x) / 2 + s.x,
@@ -1964,7 +2034,7 @@ function Ms(n, i, t) {
     };
   }
   if (["star"].includes(n.$_type)) {
-    const [s, o] = Kt(t, e);
+    const [s, o] = ee(t, e);
     return {
       ...n,
       x: (o.x - s.x) / 2 + s.x,
@@ -1987,15 +2057,15 @@ function Ms(n, i, t) {
     ]
   } : n;
 }
-function Kt(n, i) {
+function ee(n, i) {
   let t = n.x, e = n.y, s = i.x, o = i.y, a;
   return t > s && (a = Math.abs(t - s), t = s, s = t + a), e > o && (a = Math.abs(e - o), e = o, o = e + a), [
     { x: t, y: e },
     { x: s, y: o }
   ];
 }
-var St, H, G, Q, A, Nt, z, X, ot, ut, Ee, O, Vi, Oi, Ae, Fe, Pi;
-class Is extends ls {
+var kt, D, j, it, H, Rt, Y, G, lt, pt, Me, U, Yi, Gi, Pe, Be, Ki;
+class Ls extends ps {
   constructor(t, e) {
     const s = e?.state, o = {
       toolType: "select",
@@ -2009,77 +2079,77 @@ class Is extends ls {
       }
     };
     super(o);
-    m(this, O);
-    m(this, St);
-    m(this, H);
-    m(this, G);
-    m(this, Q);
-    m(this, A, null);
-    m(this, Nt);
-    m(this, z, null);
-    m(this, X, null);
+    g(this, U);
+    g(this, kt);
+    g(this, D);
+    g(this, j);
+    g(this, it);
+    g(this, H, null);
+    g(this, Rt);
+    g(this, Y, null);
+    g(this, G, null);
     /** 节点映射，方便快速查找 */
-    m(this, ot, /* @__PURE__ */ new Map());
-    m(this, ut, null);
+    g(this, lt, /* @__PURE__ */ new Map());
+    g(this, pt, null);
     p(this, "isEditingText", !1);
-    m(this, Ee, (t) => {
+    g(this, Me, (t) => {
       (t.key === "Delete" || t.key === "Backspace") && (t.stopPropagation(), this.deleteSelectedNodes());
     });
-    w(this, St, e?.theme ?? Si), w(this, Nt, t), w(this, H, new rs(this, {
+    x(this, kt, e?.theme ?? Ii), x(this, Rt, t), x(this, D, new ms(this, {
       container: t,
       width: t.clientWidth,
       height: t.clientHeight,
       draggable: !1,
       className: "touch-none"
-    })), w(this, G, new M.Layer()), w(this, Q, new as(this)), r(this, H).getStage().add(r(this, G)), r(this, G).add(r(this, Q).getTransformer()), this._renderCanvas(o), _(this, O, Vi).call(this), _(this, O, Oi).call(this);
+    })), x(this, j, new _.Layer()), x(this, it, new fs(this)), r(this, D).getStage().add(r(this, j)), r(this, j).add(r(this, it).getTransformer()), this._renderCanvas(o), E(this, U, Yi).call(this), E(this, U, Gi).call(this);
   }
   /**
    * 获取当前主题
    */
   getTheme() {
-    return r(this, St);
+    return r(this, kt);
   }
   /**
    * 设置主题并重新渲染
    */
   setTheme(t) {
-    w(this, St, t), this._renderCanvas(this.getState()), this._emit("theme:change", t);
+    x(this, kt, t), this._renderCanvas(this.getState()), this._emit("theme:change", t);
   }
   /**
    * 获取 CanvasStage 实例
    */
   getCanvasStage() {
-    return r(this, H);
+    return r(this, D);
   }
   /**
    * 获取 CanvasTransformer 实例
    */
   getCanvasTransformer() {
-    return r(this, Q);
+    return r(this, it);
   }
   /**
    * 获取 Konva.Transformer 实例
    */
   getTransformer() {
-    return r(this, Q).getTransformer();
+    return r(this, it).getTransformer();
   }
   /**
    * 获取 Konva.Stage 实例
    */
   getStage() {
-    return r(this, H).getStage();
+    return r(this, D).getStage();
   }
   /**
    * 获取 Stage 容器元素
    */
   getContainer() {
-    return r(this, Nt);
+    return r(this, Rt);
   }
   /**
    * 获取主图层
    */
   getMainLayer() {
-    return r(this, G);
+    return r(this, j);
   }
   /**
    * 获取当前工具类型
@@ -2110,46 +2180,46 @@ class Is extends ls {
     ), this._emit("toolType:change", {
       type: t,
       meta: e
-    }), t === "hand" ? (r(this, H).setDraggable(!0), r(this, H).setCursor("grab")) : (r(this, H).setDraggable(!1), r(this, H).resetCursor());
+    }), t === "hand" ? (r(this, D).setDraggable(!0), r(this, D).setCursor("grab")) : (r(this, D).setDraggable(!1), r(this, D).resetCursor());
   }
   /**
    * 根据 ID 获取 Canvas 节点实例
    */
   getCanvasNodeById(t) {
-    return r(this, ot).get(t) || null;
+    return r(this, lt).get(t) || null;
   }
   /**
    * 设置是否可拖拽（内部使用）
    */
   setDraggable(t) {
-    r(this, H).setDraggable(t);
+    r(this, D).setDraggable(t);
   }
   /**
    * 设置光标
    * @internal 仅供内部使用
    */
   _setCursor(t) {
-    r(this, H).setCursor(t);
+    r(this, D).setCursor(t);
   }
   /**
    * 重置光标
    * @internal 仅供内部使用
    */
   _resetCursor() {
-    r(this, H).resetCursor();
+    r(this, D).resetCursor();
   }
   /**
    * 获取当前 Stage 缩放比例
    */
   getStageScale() {
-    return r(this, H).getStage().scaleX();
+    return r(this, D).getStage().scaleX();
   }
   /**
    * 更新视口位置
    * @internal 仅供内部使用，外部请使用 CanvasApi
    */
   _updateViewport(t, e = !1) {
-    r(this, H).setViewport(t);
+    r(this, D).setViewport(t);
     const s = this.getState().viewport, o = {
       ...s,
       ...t
@@ -2159,13 +2229,13 @@ class Is extends ls {
         viewport: o
       },
       e
-    ), this._emit("viewport:change", o), s.scale !== o.scale && this._emit("viewport:scale:change", o.scale), r(this, Q).emitPositionChange();
+    ), this._emit("viewport:change", o), s.scale !== o.scale && this._emit("viewport:scale:change", o.scale), r(this, it).emitPositionChange();
   }
   createNodes(t, e) {
-    const s = t.map((o) => pi(this, o.$_type, o, !1)).filter((o) => o !== null);
+    const s = t.map((o) => wi(this, o.$_type, o, !1)).filter((o) => o !== null);
     s.forEach((o) => {
-      r(this, G).add(o.getElement());
-    }), _(this, O, Fe).call(this, s, e), this._emit("nodes:created", t);
+      r(this, j).add(o.getElement());
+    }), E(this, U, Be).call(this, s, e), this._emit("nodes:created", t);
   }
   /**
    * 创建图片标注节点（内部使用）
@@ -2176,12 +2246,12 @@ class Is extends ls {
     a.forEach((C) => {
       C.$_type === "image-marker" && typeof C.$_markerNumber == "number" && (h = Math.max(h, C.$_markerNumber));
     });
-    const l = (e.x - o.x) / o.width, d = (e.y - o.y) / o.height, f = (s.x - o.x) / o.width, u = (s.y - o.y) / o.height, g = Math.min(e.x, s.x), y = Math.min(e.y, s.y), x = Math.abs(s.x - e.x), v = Math.abs(s.y - e.y), T = {
-      id: xt(),
+    const l = (e.x - o.x) / o.width, d = (e.y - o.y) / o.height, f = (s.x - o.x) / o.width, m = (s.y - o.y) / o.height, u = Math.min(e.x, s.x), y = Math.min(e.y, s.y), w = Math.abs(s.x - e.x), v = Math.abs(s.y - e.y), M = {
+      id: Tt(),
       $_type: "image-marker",
-      x: g,
+      x: u,
       y,
-      width: x,
+      width: w,
       height: v,
       visible: !0,
       line: "dashed",
@@ -2194,23 +2264,23 @@ class Is extends ls {
         },
         end: {
           ratioX: Math.max(0, Math.min(1, f)),
-          ratioY: Math.max(0, Math.min(1, u))
+          ratioY: Math.max(0, Math.min(1, m))
         }
       }
     };
-    this.createNodes([T], !0);
+    this.createNodes([M], !0);
   }
   /**
    * 在指定位置查找图片节点
    * @internal 仅供内部使用
    */
   _findImageAtPosition(t) {
-    const a = r(this, G).getChildren().filter(
+    const a = r(this, j).getChildren().filter(
       (h) => !h.name().includes("imageMarker")
     ).slice().sort((h, l) => l.zIndex() - h.zIndex());
     for (const h of a) {
-      const l = h.x(), d = h.y(), f = h.width(), u = h.height();
-      if (t.x >= l && t.x <= l + f && t.y >= d && t.y <= d + u)
+      const l = h.x(), d = h.y(), f = h.width(), m = h.height();
+      if (t.x >= l && t.x <= l + f && t.y >= d && t.y <= d + m)
         return h.getAttr("$_type") === "image" ? h : null;
     }
     return null;
@@ -2219,47 +2289,47 @@ class Is extends ls {
    * @internal 仅供内部使用
    */
   _setDrawingPosition(t) {
-    w(this, X, [t, t]);
+    x(this, G, [t, t]);
   }
   /**
    * @internal 仅供内部使用
    */
   _updateDrawingPosition(t) {
-    r(this, X) && (r(this, X)[1] = t);
+    r(this, G) && (r(this, G)[1] = t);
   }
   /**
    * @internal 仅供内部使用
    */
   _createDraftNode(t, e) {
-    r(this, A) && r(this, A).destroy();
-    const s = Ts(
+    r(this, H) && r(this, H).destroy();
+    const s = Fs(
       t,
-      r(this, X)[0],
+      r(this, G)[0],
       {
         ...e,
         ...this.getToolMeta()
       }
     );
-    w(this, A, pi(this, t, s, !0)), r(this, A) && r(this, G).add(r(this, A).getElement());
+    x(this, H, wi(this, t, s, !0)), r(this, H) && r(this, j).add(r(this, H).getElement());
   }
   /**
    * @internal 仅供内部使用
    */
   _updateDraftNode() {
-    if (!r(this, A)) return;
-    const t = r(this, A).getConfig(), e = Ms(
+    if (!r(this, H)) return;
+    const t = r(this, H).getConfig(), e = Hs(
       t,
-      r(this, X)[1],
-      r(this, X)[0]
+      r(this, G)[1],
+      r(this, G)[0]
     );
-    r(this, A).update(e);
+    r(this, H).update(e);
   }
   /**
    * @internal 仅供内部使用
    */
   _finalizeDraftNode() {
-    if (!r(this, A)) return;
-    const t = xt(), e = r(this, A).getConfig();
+    if (!r(this, H)) return;
+    const t = Tt(), e = r(this, H).getConfig();
     if (e.$_type === "image-marker") {
       const o = e.$_bounds, a = {
         x: e.x,
@@ -2272,30 +2342,30 @@ class Is extends ls {
       l.forEach((v) => {
         v.$_type === "image-marker" && typeof v.$_markerNumber == "number" && (d = Math.max(d, v.$_markerNumber));
       });
-      const f = (a.x - o.x) / o.width, u = (a.y - o.y) / o.height, g = (h.x - o.x) / o.width, y = (h.y - o.y) / o.height, x = {
+      const f = (a.x - o.x) / o.width, m = (a.y - o.y) / o.height, u = (h.x - o.x) / o.width, y = (h.y - o.y) / o.height, w = {
         ...e,
         $_markerNumber: d + 1,
         $_relativeBox: {
           start: {
             ratioX: Math.max(0, Math.min(1, f)),
-            ratioY: Math.max(0, Math.min(1, u))
+            ratioY: Math.max(0, Math.min(1, m))
           },
           end: {
-            ratioX: Math.max(0, Math.min(1, g)),
+            ratioX: Math.max(0, Math.min(1, u)),
             ratioY: Math.max(0, Math.min(1, y))
           }
         },
         $_type: "image-marker",
         id: t
       };
-      this.createNodes([x], !0), r(this, A).destroy(), w(this, A, null), this.setToolType("select");
+      this.createNodes([w], !0), r(this, H).destroy(), x(this, H, null), this.setToolType("select");
       return;
     }
     const s = {
       ...e,
       id: t
     };
-    if (s.$_type === "ellipse" && (s.width || 0) < 10 && (s.height || 0) < 10 && (s.width = 10, s.height = 10), s.$_type === "star" && (s.outerRadius || 0) < 10 && (s.outerRadius = 10), this.createNodes([s], !0), r(this, A).destroy(), w(this, A, null), this.setToolType("select"), s.$_type === "rich-text") {
+    if (s.$_type === "ellipse" && (s.width || 0) < 10 && (s.height || 0) < 10 && (s.width = 10, s.height = 10), s.$_type === "star" && (s.outerRadius || 0) < 10 && (s.outerRadius = 10), this.createNodes([s], !0), r(this, H).destroy(), x(this, H, null), this.setToolType("select"), s.$_type === "rich-text") {
       const o = this.getCanvasNodeById(t);
       o && o.attachEditor();
     }
@@ -2305,8 +2375,8 @@ class Is extends ls {
    * @internal 仅供内部使用
    */
   _createTextNodeAtDrawingPosition(t) {
-    const e = r(this, X)[1], s = {
-      id: xt(),
+    const e = r(this, G)[1], s = {
+      id: Tt(),
       $_type: "text",
       x: e.x,
       y: e.y,
@@ -2318,31 +2388,31 @@ class Is extends ls {
    * @internal 仅供内部使用
    */
   _createSelectRect() {
-    this.isEditingText || (r(this, z) && r(this, z).destroy(), w(this, z, new M.Rect({
-      x: r(this, X)[0].x,
-      y: r(this, X)[0].y,
+    this.isEditingText || (r(this, Y) && r(this, Y).destroy(), x(this, Y, new _.Rect({
+      x: r(this, G)[0].x,
+      y: r(this, G)[0].y,
       width: 0,
       height: 0,
       stroke: this.getTheme()["theme.select-rect-border"],
       strokeWidth: 1,
       fill: this.getTheme()["theme.select-rect-fill"]
-    })), r(this, G).add(r(this, z)));
+    })), r(this, j).add(r(this, Y)));
   }
   /*
    * @internal 仅供内部使用
    */
   _updateSelectRect() {
-    if (!r(this, z)) return;
-    const [t, e] = Kt(...r(this, X));
-    r(this, z).setAttrs({
+    if (!r(this, Y)) return;
+    const [t, e] = ee(...r(this, G));
+    r(this, Y).setAttrs({
       x: t.x,
       y: t.y,
       width: e.x - t.x,
       height: e.y - t.y
     });
-    const s = r(this, z).getClientRect(), a = r(this, G).find(`.${b.selectable}`).filter((h) => {
+    const s = r(this, Y).getClientRect(), a = r(this, j).find(`.${b.selectable}`).filter((h) => {
       const l = h.getClientRect();
-      return M.Util.haveIntersection(s, l);
+      return _.Util.haveIntersection(s, l);
     });
     this._selectNodes(
       a.length > 0 ? a.filter((h) => h.listening()).map((h) => h.id()) : void 0,
@@ -2353,7 +2423,7 @@ class Is extends ls {
    * @internal 仅供内部使用
    */
   _finalizeSelectRect() {
-    r(this, z) && (r(this, z).destroy(), w(this, z, null));
+    r(this, Y) && (r(this, Y).destroy(), x(this, Y, null));
   }
   /**
    * 选择节点
@@ -2363,12 +2433,12 @@ class Is extends ls {
     if (this.isEditingText) return;
     const o = this.getState().selectedNodeIds ?? [];
     let a = [];
-    if (t?.length && (e && o.length > 0 ? a = [...o, ...t] : a = [...t]), !(ds(o, a) && !s)) {
+    if (t?.length && (e && o.length > 0 ? a = [...o, ...t] : a = [...t]), !(Cs(o, a) && !s)) {
       if (a.length === 0)
-        r(this, Q).clearNodes();
+        r(this, it).clearNodes();
       else {
         const h = this.getStage().find(`.${b.selectable}`).filter((l) => a.includes(l.id())).filter((l) => l.listening()).filter((l) => l.isVisible());
-        r(this, Q).setNodes(h);
+        r(this, it).setNodes(h);
       }
       this._updateState({ selectedNodeIds: a }, !1), this._emit("nodes:selected", a);
     }
@@ -2392,7 +2462,7 @@ class Is extends ls {
     return s.forEach((a) => {
       const h = this.getStage().findOne(`#${a}`);
       h && h.destroy();
-    }), _(this, O, Pi).call(this, Array.from(s), !0), r(this, Q).clearNodes(), this._updateState(
+    }), E(this, U, Ki).call(this, Array.from(s), !0), r(this, it).clearNodes(), this._updateState(
       {
         selectedNodeIds: []
       },
@@ -2411,14 +2481,14 @@ class Is extends ls {
    * 销毁 canvas
    */
   dispose() {
-    r(this, ut) && (r(this, ut).disconnect(), w(this, ut, null)), this.getCanvasTransformer().destroy(), this.getMainLayer().destroy(), this.getCanvasStage().destroy(), this._dispose();
+    r(this, pt) && (r(this, pt).disconnect(), x(this, pt, null)), this.getCanvasTransformer().destroy(), this.getMainLayer().destroy(), this.getCanvasStage().destroy(), this._dispose();
   }
   /**
    * @internal 仅供内部使用
    * 在元素节点改变后（例如 tranfromEnd dragEnd）重建 state.nodes
    */
   _rebuildStateAfterNodeChange(t, e) {
-    _(this, O, Fe).call(this, Array.isArray(t) ? t : [t], e);
+    E(this, U, Be).call(this, Array.isArray(t) ? t : [t], e);
   }
   /**
    * 实现父类的状态同步方法
@@ -2432,9 +2502,9 @@ class Is extends ls {
         scale: t.viewport.scale
       },
       !1
-    ), r(this, ot).forEach((e, s) => {
+    ), r(this, lt).forEach((e, s) => {
       e.destroy();
-    }), r(this, ot).clear(), this.createNodes(t.nodes || [], !1), this._selectNodes(t.selectedNodeIds || [], !1, !0);
+    }), r(this, lt).clear(), this.createNodes(t.nodes || [], !1), this._selectNodes(t.selectedNodeIds || [], !1, !0);
   }
   _showContextMenu(t) {
     this._emit("contextmenu:show", t);
@@ -2458,46 +2528,46 @@ class Is extends ls {
     this._emit("texteditor:unregister", void 0);
   }
 }
-St = new WeakMap(), H = new WeakMap(), G = new WeakMap(), Q = new WeakMap(), A = new WeakMap(), Nt = new WeakMap(), z = new WeakMap(), X = new WeakMap(), ot = new WeakMap(), ut = new WeakMap(), Ee = new WeakMap(), O = new WeakSet(), /**
+kt = new WeakMap(), D = new WeakMap(), j = new WeakMap(), it = new WeakMap(), H = new WeakMap(), Rt = new WeakMap(), Y = new WeakMap(), G = new WeakMap(), lt = new WeakMap(), pt = new WeakMap(), Me = new WeakMap(), U = new WeakSet(), /**
  * 设置键盘事件监听
  */
-Vi = function() {
+Yi = function() {
   const t = this.getStage().getContent();
-  t.tabIndex = 0, t.addEventListener("keydown", r(this, Ee));
+  t.tabIndex = 0, t.addEventListener("keydown", r(this, Me));
 }, /**
  * 设置尺寸变化监听
  */
-Oi = function() {
-  w(this, ut, new ResizeObserver((t) => {
+Gi = function() {
+  x(this, pt, new ResizeObserver((t) => {
     for (const e of t) {
-      const { width: s, height: o } = e.contentRect, a = this.getStage(), h = this.getState().viewport, l = a.width(), d = a.height(), f = h.x + l / 2, u = h.y + d / 2;
+      const { width: s, height: o } = e.contentRect, a = this.getStage(), h = this.getState().viewport, l = a.width(), d = a.height(), f = h.x + l / 2, m = h.y + d / 2;
       a.width(s), a.height(o);
-      const g = f - s / 2, y = u - o / 2;
+      const u = f - s / 2, y = m - o / 2;
       this._updateViewport(
         {
-          x: g,
+          x: u,
           y
         },
         !1
       );
     }
-  })), r(this, ut).observe(r(this, Nt));
+  })), r(this, pt).observe(r(this, Rt));
 }, /**
  * 根据canvas节点映射重建 state.nodes
  */
-Ae = function(t) {
+Pe = function(t) {
   const e = this.getState().nodes || [], s = /* @__PURE__ */ new Map();
   e.forEach((d, f) => {
     s.set(d.id, f);
   });
-  const o = Array.from(r(this, ot).values()).map(
+  const o = Array.from(r(this, lt).values()).map(
     (d) => d.getConfig()
   ), a = [], h = [];
   o.forEach((d) => {
     s.has(d.id) ? a.push(d) : h.push(d);
   }), a.sort((d, f) => {
-    const u = s.get(d.id) ?? 0, g = s.get(f.id) ?? 0;
-    return u - g;
+    const m = s.get(d.id) ?? 0, u = s.get(f.id) ?? 0;
+    return m - u;
   });
   const l = {
     nodes: [...a, ...h]
@@ -2506,17 +2576,17 @@ Ae = function(t) {
 }, /**
  * 更新 state.nodes
  */
-Fe = function(t, e) {
+Be = function(t, e) {
   t.length !== 0 && (t.forEach((s) => {
-    r(this, ot).set(s.getID(), s);
-  }), _(this, O, Ae).call(this, e));
-}, Pi = function(t, e = !1) {
+    r(this, lt).set(s.getID(), s);
+  }), E(this, U, Pe).call(this, e));
+}, Ki = function(t, e = !1) {
   t.length !== 0 && (t.forEach((s) => {
-    const o = r(this, ot).get(s);
-    o && o.destroy(), r(this, ot).delete(s);
-  }), _(this, O, Ae).call(this, e));
+    const o = r(this, lt).get(s);
+    o && o.destroy(), r(this, lt).delete(s);
+  }), E(this, U, Pe).call(this, e));
 };
-class ks extends Is {
+class Ds extends Ls {
   /**
    * 获取所有可用的工具类型
    */
@@ -2560,7 +2630,7 @@ class ks extends Is {
    */
   createImageNode(i, t) {
     const e = t ?? { x: 100, y: 100 }, s = {
-      id: xt(),
+      id: Tt(),
       $_type: "image",
       x: e.x,
       y: e.y,
@@ -2595,7 +2665,7 @@ class ks extends Is {
     const t = this.getState().selectedNodeIds || [];
     if (t.length === 0)
       return console.warn("No selection to export"), null;
-    const e = i?.padding ?? 0, s = new M.Group();
+    const e = i?.padding ?? 0, s = new _.Group();
     t.forEach((h) => {
       const l = this.getStage().findOne(`#${h}`);
       if (l) {
@@ -2624,22 +2694,22 @@ class ks extends Is {
     if (!e)
       return console.warn("Image shape not found on stage"), null;
     const o = (this.getState().nodes || []).filter(
-      (u) => u.$_type === "image-marker" && u.$_parentId === i
+      (m) => m.$_type === "image-marker" && m.$_parentId === i
     );
     if (o.length === 0)
       return console.warn("No image-marker nodes found for the given image ID"), null;
-    const a = new M.Group(), h = e.clone();
+    const a = new _.Group(), h = e.clone();
     a.add(h);
     const l = t?.markerScale ?? 1;
-    o.forEach((u) => {
-      const g = this.getStage().findOne(`#${u.id}`);
-      if (g) {
-        const y = g.clone(), x = y.findOne(".rect"), v = y.findOne(".marker-group");
-        if (x && (x.strokeWidth(3 * l), x.dash([5 * l, 5 * l]), x.cornerRadius(6 * l)), v) {
-          const T = v.findOne("Circle"), C = v.findOne("Text");
-          if (T && (T.radius(14 * l), T.strokeWidth(3 * l)), C) {
-            const L = 14 * l;
-            C.x(-L), C.y(-L), C.width(L * 2), C.height(L * 2), C.fontSize(16 * l);
+    o.forEach((m) => {
+      const u = this.getStage().findOne(`#${m.id}`);
+      if (u) {
+        const y = u.clone(), w = y.findOne(".rect"), v = y.findOne(".marker-group");
+        if (w && (w.strokeWidth(3 * l), w.dash([5 * l, 5 * l]), w.cornerRadius(6 * l)), v) {
+          const M = v.findOne("Circle"), C = v.findOne("Text");
+          if (M && (M.radius(14 * l), M.strokeWidth(3 * l)), C) {
+            const B = 14 * l;
+            C.x(-B), C.y(-B), C.width(B * 2), C.height(B * 2), C.fontSize(16 * l);
           }
         }
         a.add(y);
@@ -2753,29 +2823,29 @@ class ks extends Is {
     if ((this.getState().nodes || []).length === 0) return;
     const e = i?.padding ?? 50, s = i?.scale === !0, o = i?.nodeIds;
     let a = 1 / 0, h = 1 / 0, l = -1 / 0, d = -1 / 0;
-    const f = this.getMainLayer(), u = this.getState().selectedNodeIds || [], g = o && o.length > 0, y = !g && u.length > 0, x = g ? o : y ? u : null;
-    if (f.children.forEach((P) => {
-      if (P.visible() && P.getClassName() !== "Transformer" && P.hasName(b.selectable)) {
-        if (x) {
-          const ct = P.id();
-          if (!x.includes(ct)) return;
+    const f = this.getMainLayer(), m = this.getState().selectedNodeIds || [], u = o && o.length > 0, y = !u && m.length > 0, w = u ? o : y ? m : null;
+    if (f.children.forEach((z) => {
+      if (z.visible() && z.getClassName() !== "Transformer" && z.hasName(b.selectable)) {
+        if (w) {
+          const ut = z.id();
+          if (!w.includes(ut)) return;
         }
-        const yt = P.getAttrs(), Je = yt.x || 0, Qe = yt.y || 0, fn = yt.width || 0, pn = yt.height || 0;
-        if (yt.rotation || 0) {
-          const ct = P.getClientRect({ skipTransform: !1 }), Me = this.getStage(), Gt = Me.scaleX(), ti = Me.x(), ei = Me.y(), yn = (ct.x - ti) / Gt, vn = (ct.y - ei) / Gt, Cn = (ct.x + ct.width - ti) / Gt, xn = (ct.y + ct.height - ei) / Gt;
-          a = Math.min(a, yn), h = Math.min(h, vn), l = Math.max(l, Cn), d = Math.max(d, xn);
+        const xt = z.getAttrs(), ni = xt.x || 0, si = xt.y || 0, En = xt.width || 0, Sn = xt.height || 0;
+        if (xt.rotation || 0) {
+          const ut = z.getClientRect({ skipTransform: !1 }), Ae = this.getStage(), te = Ae.scaleX(), oi = Ae.x(), ri = Ae.y(), Nn = (ut.x - oi) / te, Tn = (ut.y - ri) / te, _n = (ut.x + ut.width - oi) / te, Mn = (ut.y + ut.height - ri) / te;
+          a = Math.min(a, Nn), h = Math.min(h, Tn), l = Math.max(l, _n), d = Math.max(d, Mn);
         } else
-          a = Math.min(a, Je), h = Math.min(h, Qe), l = Math.max(l, Je + fn), d = Math.max(d, Qe + pn);
+          a = Math.min(a, ni), h = Math.min(h, si), l = Math.max(l, ni + En), d = Math.max(d, si + Sn);
       }
     }), a === 1 / 0 || h === 1 / 0) return;
-    const v = l - a, T = d - h, C = a + v / 2, L = h + T / 2;
-    let W = this.getState().viewport.scale;
+    const v = l - a, M = d - h, C = a + v / 2, B = h + M / 2;
+    let K = this.getState().viewport.scale;
     if (s) {
-      const P = (this.getStage().width() - e * 2) / v, yt = (this.getStage().height() - e * 2) / T;
-      W = Math.min(P, yt, 1);
+      const z = (this.getStage().width() - e * 2) / v, xt = (this.getStage().height() - e * 2) / M;
+      K = Math.min(z, xt, 1);
     }
-    const Y = this.getStage().width() / 2 - C * W, pt = this.getStage().height() / 2 - L * W;
-    this.updateViewport({ x: Y, y: pt, scale: W }, !0);
+    const q = this.getStage().width() / 2 - C * K, Ct = this.getStage().height() / 2 - B * K;
+    this.updateViewport({ x: q, y: Ct, scale: K }, !0);
   }
   /**
    * 导出当前状态
@@ -2829,11 +2899,11 @@ class ks extends Is {
     }
   }
 }
-function Rs(n, i, t, e = !1) {
+function Ps(n, i, t, e = !1) {
   const [s, o] = i, [a, h] = t, l = a + (n - s) / (o - s) * (h - a);
   return e ? a < h ? Math.max(Math.min(l, h), a) : Math.max(Math.min(l, a), h) : l;
 }
-const vi = [
+const Ei = [
   {
     min: -1,
     mid: 0.15,
@@ -2855,7 +2925,7 @@ const vi = [
     step: 1
   }
 ];
-function $s({
+function Bs({
   viewportX: n,
   viewportY: i,
   scale: t,
@@ -2871,38 +2941,38 @@ function $s({
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ c("defs", { children: vi.map(({ min: l, mid: d, step: f }, u) => {
-          const g = f * e * h, y = 0.5 + o * h, x = 0.5 + a * h, v = y > 0 ? y % g : g + y % g, T = x > 0 ? x % g : g + x % g, C = h < d ? Rs(h, [l, d], [0, 1]) : 1;
+        /* @__PURE__ */ c("defs", { children: Ei.map(({ min: l, mid: d, step: f }, m) => {
+          const u = f * e * h, y = 0.5 + o * h, w = 0.5 + a * h, v = y > 0 ? y % u : u + y % u, M = w > 0 ? w % u : u + w % u, C = h < d ? Ps(h, [l, d], [0, 1]) : 1;
           return /* @__PURE__ */ c(
             "pattern",
             {
               id: `grid_${f}`,
-              width: g,
-              height: g,
+              width: u,
+              height: u,
               patternUnits: "userSpaceOnUse",
               children: /* @__PURE__ */ c(
                 "circle",
                 {
                   className: "grid-dot",
                   cx: v,
-                  cy: T,
+                  cy: M,
                   r: 1,
                   opacity: C
                 }
               )
             },
-            u
+            m
           );
         }) }),
-        vi.map(({ step: l }, d) => /* @__PURE__ */ c("rect", { width: "100%", height: "100%", fill: `url(#grid_${l})` }, d))
+        Ei.map(({ step: l }, d) => /* @__PURE__ */ c("rect", { width: "100%", height: "100%", fill: `url(#grid_${l})` }, d))
       ]
     }
   ) : null;
 }
-function As(...n) {
-  return Vn(Bn(n));
+function Vs(...n) {
+  return Yn(Xn(n));
 }
-const Fs = Dn(
+const Os = Wn(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -2929,7 +2999,7 @@ const Fs = Dn(
     }
   }
 );
-function Mt({
+function Ft({
   className: n,
   variant: i = "default",
   size: t = "default",
@@ -2937,26 +3007,26 @@ function Mt({
   ...s
 }) {
   return /* @__PURE__ */ c(
-    e ? Ln : "button",
+    e ? zn : "button",
     {
       "data-slot": "button",
       "data-variant": i,
       "data-size": t,
-      className: As(Fs({ variant: i, size: t, className: n })),
+      className: Vs(Os({ variant: i, size: t, className: n })),
       ...s
     }
   );
 }
-function Hs({ api: n }) {
+function Zs({ api: n }) {
   const [i, t] = R(n.getState().viewport);
-  V(() => {
+  Z(() => {
     n.on("viewport:change", (l) => {
       t(l);
     });
   }, [t, n]);
   const e = (l) => {
-    const d = n.getStage().width() / 2, f = n.getStage().height() / 2, u = (d - i.x) / i.scale, g = (f - i.y) / i.scale, y = d - u * l, x = f - g * l;
-    n.updateViewport({ x: y, y: x, scale: l });
+    const d = n.getStage().width() / 2, f = n.getStage().height() / 2, m = (d - i.x) / i.scale, u = (f - i.y) / i.scale, y = d - m * l, w = f - u * l;
+    n.updateViewport({ x: y, y: w, scale: l });
   }, s = () => {
     const l = Math.min(i.scale * 1.2, 5);
     e(l);
@@ -2968,17 +3038,17 @@ function Hs({ api: n }) {
   }, h = Math.round(i.scale * 100);
   return /* @__PURE__ */ k("div", { className: "zoom-panel flex items-center gap-2", children: [
     /* @__PURE__ */ c(
-      Mt,
+      Ft,
       {
         size: "sm",
         variant: "secondary",
         onClick: o,
         title: "缩小",
-        children: /* @__PURE__ */ c(On, {})
+        children: /* @__PURE__ */ c(Gn, {})
       }
     ),
     /* @__PURE__ */ k(
-      Mt,
+      Ft,
       {
         size: "sm",
         variant: "secondary",
@@ -2992,20 +3062,20 @@ function Hs({ api: n }) {
       }
     ),
     /* @__PURE__ */ c(
-      Mt,
+      Ft,
       {
         size: "sm",
         variant: "secondary",
         onClick: s,
         title: "放大",
-        children: /* @__PURE__ */ c(Pn, {})
+        children: /* @__PURE__ */ c(Kn, {})
       }
     )
   ] });
 }
-function Ls({ api: n }) {
+function Us({ api: n }) {
   const [i, t] = R(n.canUndo()), [e, s] = R(n.canRedo());
-  return V(() => {
+  return Z(() => {
     const o = () => {
       t(n.canUndo()), s(n.canRedo());
     };
@@ -3014,34 +3084,34 @@ function Ls({ api: n }) {
     };
   }, [n]), /* @__PURE__ */ k("div", { className: "history-panel flex items-center gap-2", children: [
     /* @__PURE__ */ c(
-      Mt,
+      Ft,
       {
         size: "sm",
         variant: "secondary",
         disabled: !i,
         onClick: () => n.undo(),
         title: "撤销",
-        children: /* @__PURE__ */ c(Zn, {})
+        children: /* @__PURE__ */ c(qn, {})
       }
     ),
     /* @__PURE__ */ c(
-      Mt,
+      Ft,
       {
         size: "sm",
         variant: "secondary",
         disabled: !e,
         onClick: () => n.redo(),
         title: "重做",
-        children: /* @__PURE__ */ c(Un, {})
+        children: /* @__PURE__ */ c(jn, {})
       }
     )
   ] });
 }
-function Vo({ setApi: n, theme: i }) {
-  const t = Be(null), [e, s] = R(null), [o, a] = R({ x: 0, y: 0, scale: 1 });
-  return V(() => {
+function Xo({ setApi: n, theme: i }) {
+  const t = Ue(null), [e, s] = R(null), [o, a] = R({ x: 0, y: 0, scale: 1 });
+  return Z(() => {
     if (!t.current) return;
-    const h = new ks(t.current, {
+    const h = new Ds(t.current, {
       theme: i
     });
     return s(h), n?.(h), h.on("viewport:change", (l) => {
@@ -3049,11 +3119,11 @@ function Vo({ setApi: n, theme: i }) {
     }), () => {
       h.dispose();
     };
-  }, []), V(() => {
+  }, []), Z(() => {
     e && i && e.setTheme(i);
   }, [e, i]), /* @__PURE__ */ k("div", { className: "whiteboard relative size-full", children: [
     /* @__PURE__ */ c(
-      $s,
+      Bs,
       {
         viewportX: o.x,
         viewportY: o.y,
@@ -3067,15 +3137,15 @@ function Vo({ setApi: n, theme: i }) {
         className: "whiteboard-container size-full outline-none relative"
       }
     ),
-    e && /* @__PURE__ */ k(Se, { children: [
-      /* @__PURE__ */ c("div", { className: "history-panel-wrapper absolute bottom-4 left-4 z-10", children: /* @__PURE__ */ c(Ls, { api: e }) }),
-      /* @__PURE__ */ c("div", { className: "zoom-panel-wrapper absolute bottom-4 right-4 z-10", children: /* @__PURE__ */ c(Hs, { api: e }) })
+    e && /* @__PURE__ */ k(Ie, { children: [
+      /* @__PURE__ */ c("div", { className: "history-panel-wrapper absolute bottom-4 left-4 z-10", children: /* @__PURE__ */ c(Us, { api: e }) }),
+      /* @__PURE__ */ c("div", { className: "zoom-panel-wrapper absolute bottom-4 right-4 z-10", children: /* @__PURE__ */ c(Zs, { api: e }) })
     ] })
   ] });
 }
-function Oo(n) {
+function Yo(n) {
   const [i, t] = R(null);
-  return V(() => {
+  return Z(() => {
     if (!n) return;
     const s = ({
       clientX: o,
@@ -3142,7 +3212,7 @@ function Oo(n) {
     return n.on("contextmenu:show", s), () => {
       n.off("contextmenu:show", s);
     };
-  }, [n]), V(() => {
+  }, [n]), Z(() => {
     const s = () => {
       i && t(null);
     };
@@ -3156,7 +3226,7 @@ function Oo(n) {
     }
   };
 }
-const Ds = {
+const zs = {
   mod: "⌘",
   command: "⌘",
   meta: "⌘",
@@ -3171,23 +3241,23 @@ const Ds = {
   escape: "⎋",
   capslock: "⇪"
 };
-function tt(...n) {
+function nt(...n) {
   return n.filter(Boolean).join(" ");
 }
-function Bs() {
+function Ws() {
   return typeof navigator < "u" && navigator.platform.toLowerCase().includes("mac");
 }
-const Vs = (n, i, t = !0) => {
+const Xs = (n, i, t = !0) => {
   if (i) {
     const e = n.toLowerCase();
-    return Ds[e] || (t ? n.toUpperCase() : n);
+    return zs[e] || (t ? n.toUpperCase() : n);
   }
   return t ? n.charAt(0).toUpperCase() + n.slice(1) : n;
-}, Ne = (n) => {
+}, ke = (n) => {
   const { shortcutKeys: i, delimiter: t = "+", capitalize: e = !0 } = n;
-  return i ? i.split(t).map((s) => s.trim()).map((s) => Vs(s, Bs(), e)) : [];
-}, Yt = (n, i) => i?.schema ? i.schema.spec.marks.get(n) !== void 0 : !1;
-function Zi(n, i) {
+  return i ? i.split(t).map((s) => s.trim()).map((s) => Xs(s, Ws(), e)) : [];
+}, Qt = (n, i) => i?.schema ? i.schema.spec.marks.get(n) !== void 0 : !1;
+function qi(n, i) {
   if (!n) return !1;
   const t = Array.isArray(i) ? i : [i], e = t.some(
     (s) => n.extensionManager.extensions.some((o) => o.name === s)
@@ -3196,11 +3266,11 @@ function Zi(n, i) {
     `None of the extensions [${t.join(", ")}] were found in the editor schema. Ensure they are included in the editor configuration.`
   ), e;
 }
-function Ve(n, i = [], t = !1) {
+function ze(n, i = [], t = !1) {
   if (!n || !n.state.selection) return !1;
   const { selection: e } = n.state;
   if (e.empty) return !1;
-  if (e instanceof Xn) {
+  if (e instanceof Qn) {
     const s = e.node;
     return s ? i.includes(s.type.name) : !1;
   }
@@ -3214,12 +3284,12 @@ function Ve(n, i = [], t = !1) {
   }
   return !1;
 }
-function mt(n) {
-  const { editor: i } = Wn(), t = Ct(
+function yt(n) {
+  const { editor: i } = ts(), t = St(
     () => n || i,
     [n, i]
   );
-  return Yn({
+  return es({
     editor: t,
     selector(s) {
       return s.editor ? {
@@ -3234,7 +3304,7 @@ function mt(n) {
     }
   }) || { editor: null };
 }
-function Os({
+function Ys({
   initialOpen: n = !1,
   placement: i = "top",
   open: t,
@@ -3242,21 +3312,21 @@ function Os({
   delay: s = 600,
   closeDelay: o = 0
 } = {}) {
-  const [a, h] = R(n), l = t ?? a, d = e ?? h, f = qn({
+  const [a, h] = R(n), l = t ?? a, d = e ?? h, f = ss({
     placement: i,
     open: l,
     onOpenChange: d,
-    whileElementsMounted: ts,
+    whileElementsMounted: ls,
     middleware: [
-      jn(4),
-      Jn({
+      os(4),
+      rs({
         crossAxis: i.includes("-"),
         fallbackAxisSideDirection: "start",
         padding: 4
       }),
-      Qn({ padding: 4 })
+      as({ padding: 4 })
     ]
-  }), u = f.context, g = es(u, {
+  }), m = f.context, u = hs(m, {
     mouseOnly: !0,
     move: !1,
     restMs: s,
@@ -3264,51 +3334,51 @@ function Os({
     delay: {
       close: o
     }
-  }), y = is(u, {
+  }), y = cs(m, {
     enabled: t == null
-  }), x = ns(u), v = ss(u, { role: "tooltip" }), T = os([g, y, x, v]);
-  return Ct(
+  }), w = ds(m), v = gs(m, { role: "tooltip" }), M = us([u, y, w, v]);
+  return St(
     () => ({
       open: l,
       setOpen: d,
-      ...T,
+      ...M,
       ...f
     }),
-    [l, d, T, f]
+    [l, d, M, f]
   );
 }
-const He = En(null);
-function Ui() {
-  const n = _n(He);
+const Ve = Rn(null);
+function ji() {
+  const n = Fn(Ve);
   if (n == null)
     throw new Error("Tooltip components must be wrapped in <TooltipProvider />");
   return n;
 }
-function zi({ children: n, ...i }) {
-  const t = Os(i);
+function Ji({ children: n, ...i }) {
+  const t = Ys(i);
   return i.useDelayGroup ? /* @__PURE__ */ c(
-    Gn,
+    is,
     {
       delay: { open: i.delay ?? 0, close: i.closeDelay ?? 0 },
       timeoutMs: i.timeout,
-      children: /* @__PURE__ */ c(He.Provider, { value: t, children: n })
+      children: /* @__PURE__ */ c(Ve.Provider, { value: t, children: n })
     }
-  ) : /* @__PURE__ */ c(He.Provider, { value: t, children: n });
+  ) : /* @__PURE__ */ c(Ve.Provider, { value: t, children: n });
 }
-const Xi = $(
+const Qi = $(
   function({ children: i, asChild: t = !1, ...e }, s) {
-    const o = Ui(), a = ni(i) ? parseInt(Sn, 10) >= 19 ? (
+    const o = ji(), a = li(i) ? parseInt($n, 10) >= 19 ? (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       i.props.ref
     ) : (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       i.ref
-    ) : void 0, h = xi([o.refs.setReference, s, a]);
-    if (t && ni(i)) {
+    ) : void 0, h = Ni([o.refs.setReference, s, a]);
+    if (t && li(i)) {
       const l = {
         "data-tooltip-state": o.open ? "open" : "closed"
       };
-      return Nn(
+      return An(
         i,
         o.getReferenceProps({
           ref: h,
@@ -3328,9 +3398,9 @@ const Xi = $(
       }
     );
   }
-), Wi = $(
+), tn = $(
   function({ style: i, children: t, portal: e = !0, portalProps: s = {}, ...o }, a) {
-    const h = Ui(), l = xi([h.refs.setFloating, a]);
+    const h = ji(), l = Ni([h.refs.setFloating, a]);
     if (!h.open) return null;
     const d = /* @__PURE__ */ c(
       "div",
@@ -3345,18 +3415,18 @@ const Xi = $(
         children: t
       }
     );
-    return e ? /* @__PURE__ */ c(Kn, { ...s, children: d }) : d;
+    return e ? /* @__PURE__ */ c(ns, { ...s, children: d }) : d;
   }
 );
-zi.displayName = "Tooltip";
-Xi.displayName = "TooltipTrigger";
-Wi.displayName = "TooltipContent";
-const Ps = ({
+Ji.displayName = "Tooltip";
+Qi.displayName = "TooltipTrigger";
+tn.displayName = "TooltipContent";
+const Gs = ({
   shortcuts: n
-}) => n.length === 0 ? null : /* @__PURE__ */ c("div", { children: n.map((i, t) => /* @__PURE__ */ k(Tn, { children: [
+}) => n.length === 0 ? null : /* @__PURE__ */ c("div", { children: n.map((i, t) => /* @__PURE__ */ k(Hn, { children: [
   t > 0 && /* @__PURE__ */ c("kbd", { children: "+" }),
   /* @__PURE__ */ c("kbd", { children: i })
-] }, t)) }), ft = $(
+] }, t)) }), vt = $(
   ({
     className: n,
     children: i,
@@ -3367,25 +3437,25 @@ const Ps = ({
     size: a,
     ...h
   }, l) => {
-    const d = Ct(
-      () => Ne({ shortcutKeys: s }),
+    const d = St(
+      () => ke({ shortcutKeys: s }),
       [s]
     );
     return !t || !e ? /* @__PURE__ */ c(
       "button",
       {
-        className: tt("tiptap-button", n),
+        className: nt("tiptap-button", n),
         ref: l,
         "data-style": o,
         "data-size": a,
         ...h,
         children: i
       }
-    ) : /* @__PURE__ */ k(zi, { delay: 200, children: [
+    ) : /* @__PURE__ */ k(Ji, { delay: 200, children: [
       /* @__PURE__ */ c(
-        Xi,
+        Qi,
         {
-          className: tt("tiptap-button", n),
+          className: nt("tiptap-button", n),
           ref: l,
           "data-style": o,
           "data-size": a,
@@ -3393,27 +3463,27 @@ const Ps = ({
           children: i
         }
       ),
-      /* @__PURE__ */ k(Wi, { children: [
+      /* @__PURE__ */ k(tn, { children: [
         t,
-        /* @__PURE__ */ c(Ps, { shortcuts: d })
+        /* @__PURE__ */ c(Gs, { shortcuts: d })
       ] })
     ] });
   }
 );
-ft.displayName = "Button";
-const It = $(({ className: n, children: i, orientation: t = "vertical", ...e }, s) => /* @__PURE__ */ c(
+vt.displayName = "Button";
+const Ht = $(({ className: n, children: i, orientation: t = "vertical", ...e }, s) => /* @__PURE__ */ c(
   "div",
   {
     ref: s,
-    className: tt("tiptap-button-group", n),
+    className: nt("tiptap-button-group", n),
     "data-orientation": t,
     role: "group",
     ...e,
     children: i
   }
 ));
-It.displayName = "ButtonGroup";
-const _e = $(
+Ht.displayName = "ButtonGroup";
+const Re = $(
   ({
     variant: n,
     size: i = "default",
@@ -3436,14 +3506,14 @@ const _e = $(
     }
   )
 );
-_e.displayName = "Badge";
-function Zs({
+Re.displayName = "Badge";
+function Ks({
   type: n,
-  shortcutKeys: i = tn[n]
+  shortcutKeys: i = hn[n]
 }) {
-  return /* @__PURE__ */ c(_e, { children: Ne({ shortcutKeys: i }) });
+  return /* @__PURE__ */ c(Re, { children: ke({ shortcutKeys: i }) });
 }
-const Tt = $(
+const At = $(
   ({
     editor: n,
     type: i,
@@ -3455,52 +3525,52 @@ const Tt = $(
     children: h,
     ...l
   }, d) => {
-    const { editor: f } = mt(n), {
-      isVisible: u,
-      handleMark: g,
+    const { editor: f } = yt(n), {
+      isVisible: m,
+      handleMark: u,
       label: y,
-      canToggle: x,
+      canToggle: w,
       isActive: v,
-      Icon: T,
+      Icon: M,
       shortcutKeys: C
-    } = Gs({
+    } = eo({
       editor: f,
       type: i,
       hideWhenUnavailable: e,
       onToggled: s
-    }), L = K(
-      (lt) => {
-        a?.(lt), !lt.defaultPrevented && g();
+    }), B = J(
+      (dt) => {
+        a?.(dt), !dt.defaultPrevented && u();
       },
-      [g, a]
+      [u, a]
     );
-    return u ? /* @__PURE__ */ c(
-      ft,
+    return m ? /* @__PURE__ */ c(
+      vt,
       {
         type: "button",
-        disabled: !x,
+        disabled: !w,
         variant: "ghost",
         "data-active-state": v ? "on" : "off",
-        "data-disabled": !x,
+        "data-disabled": !w,
         role: "button",
         tabIndex: -1,
         "aria-label": y,
         "aria-pressed": v,
         tooltip: y,
-        onClick: L,
+        onClick: B,
         ...l,
         ref: d,
-        children: h ?? /* @__PURE__ */ k(Se, { children: [
-          /* @__PURE__ */ c(T, { className: "tiptap-button-icon" }),
+        children: h ?? /* @__PURE__ */ k(Ie, { children: [
+          /* @__PURE__ */ c(M, { className: "tiptap-button-icon" }),
           t && /* @__PURE__ */ c("span", { className: "tiptap-button-text", children: t }),
-          o && /* @__PURE__ */ c(Zs, { type: i, shortcutKeys: C })
+          o && /* @__PURE__ */ c(Ks, { type: i, shortcutKeys: C })
         ] })
       }
     ) : null;
   }
 );
-Tt.displayName = "MarkButton";
-const Yi = at(({ className: n, ...i }) => /* @__PURE__ */ c(
+At.displayName = "MarkButton";
+const en = ct(({ className: n, ...i }) => /* @__PURE__ */ c(
   "svg",
   {
     width: "24",
@@ -3521,8 +3591,8 @@ const Yi = at(({ className: n, ...i }) => /* @__PURE__ */ c(
     )
   }
 ));
-Yi.displayName = "BoldIcon";
-const Gi = at(({ className: n, ...i }) => /* @__PURE__ */ k(
+en.displayName = "BoldIcon";
+const nn = ct(({ className: n, ...i }) => /* @__PURE__ */ k(
   "svg",
   {
     width: "24",
@@ -3557,8 +3627,8 @@ const Gi = at(({ className: n, ...i }) => /* @__PURE__ */ k(
     ]
   }
 ));
-Gi.displayName = "Code2Icon";
-const Ki = at(({ className: n, ...i }) => /* @__PURE__ */ c(
+nn.displayName = "Code2Icon";
+const sn = ct(({ className: n, ...i }) => /* @__PURE__ */ c(
   "svg",
   {
     width: "24",
@@ -3577,8 +3647,8 @@ const Ki = at(({ className: n, ...i }) => /* @__PURE__ */ c(
     )
   }
 ));
-Ki.displayName = "ItalicIcon";
-const qi = at(({ className: n, ...i }) => /* @__PURE__ */ k(
+sn.displayName = "ItalicIcon";
+const on = ct(({ className: n, ...i }) => /* @__PURE__ */ k(
   "svg",
   {
     width: "24",
@@ -3606,8 +3676,8 @@ const qi = at(({ className: n, ...i }) => /* @__PURE__ */ k(
     ]
   }
 ));
-qi.displayName = "StrikeIcon";
-const ji = at(({ className: n, ...i }) => /* @__PURE__ */ k(
+on.displayName = "StrikeIcon";
+const rn = ct(({ className: n, ...i }) => /* @__PURE__ */ k(
   "svg",
   {
     width: "24",
@@ -3648,8 +3718,8 @@ const ji = at(({ className: n, ...i }) => /* @__PURE__ */ k(
     ]
   }
 ));
-ji.displayName = "SubscriptIcon";
-const Ji = at(({ className: n, ...i }) => /* @__PURE__ */ k(
+rn.displayName = "SubscriptIcon";
+const an = ct(({ className: n, ...i }) => /* @__PURE__ */ k(
   "svg",
   {
     width: "24",
@@ -3690,8 +3760,8 @@ const Ji = at(({ className: n, ...i }) => /* @__PURE__ */ k(
     ]
   }
 ));
-Ji.displayName = "SuperscriptIcon";
-const Qi = at(({ className: n, ...i }) => /* @__PURE__ */ c(
+an.displayName = "SuperscriptIcon";
+const ln = ct(({ className: n, ...i }) => /* @__PURE__ */ c(
   "svg",
   {
     width: "24",
@@ -3712,16 +3782,16 @@ const Qi = at(({ className: n, ...i }) => /* @__PURE__ */ c(
     )
   }
 ));
-Qi.displayName = "UnderlineIcon";
-const Us = {
-  bold: Yi,
-  italic: Ki,
-  underline: Qi,
-  strike: qi,
-  code: Gi,
-  superscript: Ji,
-  subscript: ji
-}, tn = {
+ln.displayName = "UnderlineIcon";
+const qs = {
+  bold: en,
+  italic: sn,
+  underline: ln,
+  strike: on,
+  code: nn,
+  superscript: an,
+  subscript: rn
+}, hn = {
   bold: "mod+b",
   italic: "mod+i",
   underline: "mod+u",
@@ -3730,54 +3800,54 @@ const Us = {
   superscript: "mod+.",
   subscript: "mod+,"
 };
-function Oe(n, i) {
-  return !n || !n.isEditable || !Yt(i, n) || Ve(n, ["image"]) ? !1 : n.can().toggleMark(i);
+function We(n, i) {
+  return !n || !n.isEditable || !Qt(i, n) || ze(n, ["image"]) ? !1 : n.can().toggleMark(i);
 }
-function zs(n, i) {
+function js(n, i) {
   return !n || !n.isEditable ? !1 : n.isActive(i);
 }
-function Xs(n, i) {
-  return !n || !n.isEditable || !Oe(n, i) ? !1 : n.chain().focus().toggleMark(i).run();
+function Js(n, i) {
+  return !n || !n.isEditable || !We(n, i) ? !1 : n.chain().focus().toggleMark(i).run();
 }
-function Ws(n) {
+function Qs(n) {
   const { editor: i, type: t, hideWhenUnavailable: e } = n;
-  return !i || !i.isEditable ? !1 : e ? Yt(t, i) ? i.isActive("code") ? !0 : Oe(i, t) : !1 : !0;
+  return !i || !i.isEditable ? !1 : e ? Qt(t, i) ? i.isActive("code") ? !0 : We(i, t) : !1 : !0;
 }
-function Ys(n) {
+function to(n) {
   return n.charAt(0).toUpperCase() + n.slice(1);
 }
-function Gs(n) {
+function eo(n) {
   const {
     editor: i,
     type: t,
     hideWhenUnavailable: e = !1,
     onToggled: s
-  } = n, { editor: o } = mt(i), [a, h] = R(!0), l = Oe(o, t), d = zs(o, t);
-  V(() => {
+  } = n, { editor: o } = yt(i), [a, h] = R(!0), l = We(o, t), d = js(o, t);
+  Z(() => {
     if (!o) return;
-    const u = () => {
-      h(Ws({ editor: o, type: t, hideWhenUnavailable: e }));
+    const m = () => {
+      h(Qs({ editor: o, type: t, hideWhenUnavailable: e }));
     };
-    return u(), o.on("selectionUpdate", u), () => {
-      o.off("selectionUpdate", u);
+    return m(), o.on("selectionUpdate", m), () => {
+      o.off("selectionUpdate", m);
     };
   }, [o, t, e]);
-  const f = K(() => {
+  const f = J(() => {
     if (!o) return !1;
-    const u = Xs(o, t);
-    return u && s?.(), u;
+    const m = Js(o, t);
+    return m && s?.(), m;
   }, [o, t, s]);
   return {
     isVisible: a,
     isActive: d,
     handleMark: f,
     canToggle: l,
-    label: Ys(t),
-    shortcutKeys: tn[t],
-    Icon: Us[t]
+    label: to(t),
+    shortcutKeys: hn[t],
+    Icon: qs[t]
   };
 }
-function en({
+function cn({
   editor: n,
   containerRef: i,
   query: t,
@@ -3790,37 +3860,37 @@ function en({
   const [l, d] = R(
     h ? 0 : -1
   );
-  return V(() => {
-    const f = (g) => {
+  return Z(() => {
+    const f = (u) => {
       if (!e.length) return !1;
-      const y = () => d((v) => v === -1 ? 0 : (v + 1) % e.length), x = () => d((v) => v === -1 ? e.length - 1 : (v - 1 + e.length) % e.length);
-      switch (g.key) {
+      const y = () => d((v) => v === -1 ? 0 : (v + 1) % e.length), w = () => d((v) => v === -1 ? e.length - 1 : (v - 1 + e.length) % e.length);
+      switch (u.key) {
         case "ArrowUp":
-          return a === "horizontal" ? !1 : (g.preventDefault(), x(), !0);
+          return a === "horizontal" ? !1 : (u.preventDefault(), w(), !0);
         case "ArrowDown":
-          return a === "horizontal" ? !1 : (g.preventDefault(), y(), !0);
+          return a === "horizontal" ? !1 : (u.preventDefault(), y(), !0);
         case "ArrowLeft":
-          return a === "vertical" ? !1 : (g.preventDefault(), x(), !0);
+          return a === "vertical" ? !1 : (u.preventDefault(), w(), !0);
         case "ArrowRight":
-          return a === "vertical" ? !1 : (g.preventDefault(), y(), !0);
+          return a === "vertical" ? !1 : (u.preventDefault(), y(), !0);
         case "Tab":
-          return g.preventDefault(), g.shiftKey ? x() : y(), !0;
+          return u.preventDefault(), u.shiftKey ? w() : y(), !0;
         case "Home":
-          return g.preventDefault(), d(0), !0;
+          return u.preventDefault(), d(0), !0;
         case "End":
-          return g.preventDefault(), d(e.length - 1), !0;
+          return u.preventDefault(), d(e.length - 1), !0;
         case "Enter":
-          return g.isComposing ? !1 : (g.preventDefault(), l !== -1 && e[l] && s?.(e[l]), !0);
+          return u.isComposing ? !1 : (u.preventDefault(), l !== -1 && e[l] && s?.(e[l]), !0);
         case "Escape":
-          return g.preventDefault(), o?.(), !0;
+          return u.preventDefault(), o?.(), !0;
         default:
           return !1;
       }
     };
-    let u = null;
-    if (n ? u = n.view.dom : i?.current && (u = i.current), u)
-      return u.addEventListener("keydown", f, !0), () => {
-        u?.removeEventListener(
+    let m = null;
+    if (n ? m = n.view.dom : i?.current && (m = i.current), m)
+      return m.addEventListener("keydown", f, !0), () => {
+        m?.removeEventListener(
           "keydown",
           f,
           !0
@@ -3834,21 +3904,21 @@ function en({
     s,
     o,
     a
-  ]), V(() => {
+  ]), Z(() => {
     t && d(h ? 0 : -1);
   }, [t, h]), {
     selectedIndex: e.length ? l : void 0,
     setSelectedIndex: d
   };
 }
-function Te(n = "max", i = 768) {
+function $e(n = "max", i = 768) {
   const [t, e] = R(void 0);
-  return V(() => {
+  return Z(() => {
     const s = n === "min" ? `(min-width: ${i}px)` : `(max-width: ${i - 1}px)`, o = window.matchMedia(s), a = (h) => e(h.matches);
     return e(o.matches), o.addEventListener("change", a), () => o.removeEventListener("change", a);
   }, [n, i]), !!t;
 }
-const Pe = at(({ className: n, ...i }) => /* @__PURE__ */ c(
+const Xe = ct(({ className: n, ...i }) => /* @__PURE__ */ c(
   "svg",
   {
     width: "24",
@@ -3869,8 +3939,8 @@ const Pe = at(({ className: n, ...i }) => /* @__PURE__ */ c(
     )
   }
 ));
-Pe.displayName = "BanIcon";
-const Ze = at(({ className: n, ...i }) => /* @__PURE__ */ c(
+Xe.displayName = "BanIcon";
+const Ye = ct(({ className: n, ...i }) => /* @__PURE__ */ c(
   "svg",
   {
     width: "24",
@@ -3891,41 +3961,41 @@ const Ze = at(({ className: n, ...i }) => /* @__PURE__ */ c(
     )
   }
 ));
-Ze.displayName = "HighlighterIcon";
-function nn({
+Ye.displayName = "HighlighterIcon";
+function dn({
   ...n
 }) {
-  return /* @__PURE__ */ c(qt.Root, { ...n });
+  return /* @__PURE__ */ c(ie.Root, { ...n });
 }
-function sn({
+function gn({
   ...n
 }) {
-  return /* @__PURE__ */ c(qt.Trigger, { ...n });
+  return /* @__PURE__ */ c(ie.Trigger, { ...n });
 }
-function on({
+function un({
   className: n,
   align: i = "center",
   sideOffset: t = 4,
   ...e
 }) {
-  return /* @__PURE__ */ c(qt.Portal, { children: /* @__PURE__ */ c(
-    qt.Content,
+  return /* @__PURE__ */ c(ie.Portal, { children: /* @__PURE__ */ c(
+    ie.Content,
     {
       align: i,
       sideOffset: t,
       side: "top",
-      className: tt("tiptap-popover", n),
+      className: nt("tiptap-popover", n),
       ...e
     }
   ) });
 }
-const Ue = $(
+const Ge = $(
   ({ decorative: n, orientation: i = "vertical", className: t, ...e }, s) => {
     const a = n ? { role: "none" } : { "aria-orientation": i === "vertical" ? i : void 0, role: "separator" };
     return /* @__PURE__ */ c(
       "div",
       {
-        className: tt("tiptap-separator", t),
+        className: nt("tiptap-separator", t),
         "data-orientation": i,
         ...a,
         ...e,
@@ -3934,64 +4004,64 @@ const Ue = $(
     );
   }
 );
-Ue.displayName = "Separator";
-const ze = $(
-  ({ className: n, ...i }, t) => /* @__PURE__ */ c("div", { ref: t, className: tt("tiptap-card", n), ...i })
+Ge.displayName = "Separator";
+const Ke = $(
+  ({ className: n, ...i }, t) => /* @__PURE__ */ c("div", { ref: t, className: nt("tiptap-card", n), ...i })
 );
-ze.displayName = "Card";
-const Ks = $(
+Ke.displayName = "Card";
+const io = $(
   ({ className: n, ...i }, t) => /* @__PURE__ */ c(
     "div",
     {
       ref: t,
-      className: tt("tiptap-card-header", n),
+      className: nt("tiptap-card-header", n),
       ...i
     }
   )
 );
-Ks.displayName = "CardHeader";
-const Xe = $(
-  ({ className: n, ...i }, t) => /* @__PURE__ */ c("div", { ref: t, className: tt("tiptap-card-body", n), ...i })
+io.displayName = "CardHeader";
+const qe = $(
+  ({ className: n, ...i }, t) => /* @__PURE__ */ c("div", { ref: t, className: nt("tiptap-card-body", n), ...i })
 );
-Xe.displayName = "CardBody";
-const We = $(({ className: n, orientation: i = "vertical", ...t }, e) => /* @__PURE__ */ c(
+qe.displayName = "CardBody";
+const je = $(({ className: n, orientation: i = "vertical", ...t }, e) => /* @__PURE__ */ c(
   "div",
   {
     ref: e,
     "data-orientation": i,
-    className: tt("tiptap-card-item-group", n),
+    className: nt("tiptap-card-item-group", n),
     ...t
   }
 ));
-We.displayName = "CardItemGroup";
-const qs = $(
+je.displayName = "CardItemGroup";
+const no = $(
   ({ className: n, ...i }, t) => /* @__PURE__ */ c(
     "div",
     {
       ref: t,
-      className: tt("tiptap-card-group-label", n),
+      className: nt("tiptap-card-group-label", n),
       ...i
     }
   )
 );
-qs.displayName = "CardGroupLabel";
-const js = $(
+no.displayName = "CardGroupLabel";
+const so = $(
   ({ className: n, ...i }, t) => /* @__PURE__ */ c(
     "div",
     {
       ref: t,
-      className: tt("tiptap-card-footer", n),
+      className: nt("tiptap-card-footer", n),
       ...i
     }
   )
 );
-js.displayName = "CardFooter";
-function Js({
-  shortcutKeys: n = Le
+so.displayName = "CardFooter";
+function oo({
+  shortcutKeys: n = Oe
 }) {
-  return /* @__PURE__ */ c(_e, { children: Ne({ shortcutKeys: n }) });
+  return /* @__PURE__ */ c(Re, { children: ke({ shortcutKeys: n }) });
 }
-const rn = $(
+const mn = $(
   ({
     editor: n,
     highlightColor: i,
@@ -4004,16 +4074,16 @@ const rn = $(
     children: l,
     style: d,
     useColorValue: f = !1,
-    ...u
-  }, g) => {
-    const { editor: y } = mt(n), {
-      isVisible: x,
+    ...m
+  }, u) => {
+    const { editor: y } = yt(n), {
+      isVisible: w,
       canColorHighlight: v,
-      isActive: T,
+      isActive: M,
       handleColorHighlight: C,
-      label: L,
-      shortcutKeys: lt
-    } = Ge({
+      label: B,
+      shortcutKeys: dt
+    } = Qe({
       editor: y,
       highlightColor: i,
       useColorValue: f,
@@ -4021,36 +4091,36 @@ const rn = $(
       hideWhenUnavailable: e,
       mode: s,
       onApplied: o
-    }), W = K(
-      (pt) => {
-        h?.(pt), !pt.defaultPrevented && (C(), pt.preventDefault(), pt.stopPropagation());
+    }), K = J(
+      (Ct) => {
+        h?.(Ct), !Ct.defaultPrevented && (C(), Ct.preventDefault(), Ct.stopPropagation());
       },
       [C, h]
-    ), Y = Ct(
+    ), q = St(
       () => ({
         ...d,
         "--highlight-color": i
       }),
       [i, d]
     );
-    return x ? /* @__PURE__ */ c(
-      ft,
+    return w ? /* @__PURE__ */ c(
+      vt,
       {
         type: "button",
         variant: "ghost",
-        "data-active-state": T ? "on" : "off",
+        "data-active-state": M ? "on" : "off",
         role: "button",
         tabIndex: -1,
         disabled: !v,
         "data-disabled": !v,
-        "aria-label": L,
-        "aria-pressed": T,
-        tooltip: L,
-        onClick: W,
-        style: Y,
-        ...u,
-        ref: g,
-        children: l ?? /* @__PURE__ */ k(Se, { children: [
+        "aria-label": B,
+        "aria-pressed": M,
+        tooltip: B,
+        onClick: K,
+        style: q,
+        ...m,
+        ref: u,
+        children: l ?? /* @__PURE__ */ k(Ie, { children: [
           /* @__PURE__ */ c(
             "span",
             {
@@ -4059,14 +4129,14 @@ const rn = $(
             }
           ),
           t && /* @__PURE__ */ c("span", { className: "tiptap-button-text", children: t }),
-          a && /* @__PURE__ */ c(Js, { shortcutKeys: lt })
+          a && /* @__PURE__ */ c(oo, { shortcutKeys: dt })
         ] })
       }
     ) : null;
   }
 );
-rn.displayName = "ColorHighlightButton";
-const Le = "mod+shift+h", an = [
+mn.displayName = "ColorHighlightButton";
+const Oe = "mod+shift+h", fn = [
   {
     label: "Default background",
     value: "var(--tt-bg-color)",
@@ -4128,29 +4198,29 @@ const Le = "mod+shift+h", an = [
     border: "var(--tt-color-highlight-red-contrast)"
   }
 ];
-function ln(n) {
+function pn(n) {
   const i = new Map(
-    an.map((t) => [t.value, t])
+    fn.map((t) => [t.value, t])
   );
   return n.map((t) => i.get(t)).filter((t) => !!t);
 }
-function Qs(n, i = !1) {
-  return i && an.find(
+function ro(n, i = !1) {
+  return i && fn.find(
     (e) => e.value === n || e.colorValue === n
   )?.colorValue || n;
 }
-function Ye(n, i = "mark") {
+function Je(n, i = "mark") {
   if (!n || !n.isEditable) return !1;
   if (i === "mark")
-    return !Yt("highlight", n) || Ve(n, ["image"]) ? !1 : n.can().setMark("highlight");
-  if (!Zi(n, ["nodeBackground"])) return !1;
+    return !Qt("highlight", n) || ze(n, ["image"]) ? !1 : n.can().setMark("highlight");
+  if (!qi(n, ["nodeBackground"])) return !1;
   try {
     return n.can().toggleNodeBackgroundColor("test");
   } catch {
     return !1;
   }
 }
-function to(n, i, t = "mark") {
+function ao(n, i, t = "mark") {
   if (!n || !n.isEditable) return !1;
   if (t === "mark")
     return i ? n.isActive("highlight", { color: i }) : n.isActive("highlight");
@@ -4167,20 +4237,20 @@ function to(n, i, t = "mark") {
     return !1;
   }
 }
-function eo(n, i = "mark") {
-  return !n || !n.isEditable || !Ye(n, i) ? !1 : i === "mark" ? n.chain().focus().unsetMark("highlight").run() : n.chain().focus().unsetNodeBackgroundColor().run();
+function lo(n, i = "mark") {
+  return !n || !n.isEditable || !Je(n, i) ? !1 : i === "mark" ? n.chain().focus().unsetMark("highlight").run() : n.chain().focus().unsetNodeBackgroundColor().run();
 }
-function io(n) {
+function ho(n) {
   const { editor: i, hideWhenUnavailable: t, mode: e } = n;
   if (!i || !i.isEditable) return !1;
   if (!t)
     return !0;
   if (e === "mark") {
-    if (!Yt("highlight", i)) return !1;
-  } else if (!Zi(i, ["nodeBackground"])) return !1;
-  return i.isActive("code") ? !0 : Ye(i, e);
+    if (!Qt("highlight", i)) return !1;
+  } else if (!qi(i, ["nodeBackground"])) return !1;
+  return i.isActive("code") ? !0 : Je(i, e);
 }
-function Ge(n) {
+function Qe(n) {
   const {
     editor: i,
     label: t,
@@ -4189,18 +4259,18 @@ function Ge(n) {
     mode: o = "mark",
     useColorValue: a = !1,
     onApplied: h
-  } = n, { editor: l } = mt(i), d = Te(), [f, u] = R(!0), g = Ye(l, o), y = e && Qs(e, a), x = to(l, y, o);
-  V(() => {
+  } = n, { editor: l } = yt(i), d = $e(), [f, m] = R(!0), u = Je(l, o), y = e && ro(e, a), w = ao(l, y, o);
+  Z(() => {
     if (!l) return;
     const C = () => {
-      u(io({ editor: l, hideWhenUnavailable: s, mode: o }));
+      m(ho({ editor: l, hideWhenUnavailable: s, mode: o }));
     };
     return C(), l.on("selectionUpdate", C), () => {
       l.off("selectionUpdate", C);
     };
   }, [l, s, o]);
-  const v = K(() => {
-    if (!l || !g || !y || !t)
+  const v = J(() => {
+    if (!l || !u || !y || !t)
       return !1;
     if (o === "mark") {
       if (l.state.storedMarks) {
@@ -4217,34 +4287,34 @@ function Ge(n) {
       const C = l.chain().focus().toggleNodeBackgroundColor(y).run();
       return C && h?.({ color: y, label: t, mode: o }), C;
     }
-  }, [g, y, l, t, h, o]), T = K(() => {
-    const C = eo(l, o);
+  }, [u, y, l, t, h, o]), M = J(() => {
+    const C = lo(l, o);
     return C && h?.({ color: "", label: "Remove highlight", mode: o }), C;
   }, [l, h, o]);
-  return wi(
-    Le,
+  return Ti(
+    Oe,
     (C) => {
       C.preventDefault(), v();
     },
     {
-      enabled: f && g,
+      enabled: f && u,
       enableOnContentEditable: !d,
       enableOnFormTags: !0
     }
   ), {
     isVisible: f,
-    isActive: x,
+    isActive: w,
     handleColorHighlight: v,
-    handleRemoveHighlight: T,
-    canColorHighlight: g,
+    handleRemoveHighlight: M,
+    canColorHighlight: u,
     label: t || "Highlight",
-    shortcutKeys: Le,
-    Icon: Ze,
+    shortcutKeys: Oe,
+    Icon: Ye,
     mode: o
   };
 }
-const hn = $(({ className: n, children: i, ...t }, e) => /* @__PURE__ */ c(
-  ft,
+const yn = $(({ className: n, children: i, ...t }, e) => /* @__PURE__ */ c(
+  vt,
   {
     type: "button",
     className: n,
@@ -4256,13 +4326,13 @@ const hn = $(({ className: n, children: i, ...t }, e) => /* @__PURE__ */ c(
     tooltip: "Highlight",
     ref: e,
     ...t,
-    children: i ?? /* @__PURE__ */ c(Ze, { className: "tiptap-button-icon" })
+    children: i ?? /* @__PURE__ */ c(Ye, { className: "tiptap-button-icon" })
   }
 ));
-hn.displayName = "ColorHighlightPopoverButton";
-function no({
+yn.displayName = "ColorHighlightPopoverButton";
+function co({
   editor: n,
-  colors: i = ln([
+  colors: i = pn([
     "var(--tt-color-highlight-green)",
     "var(--tt-color-highlight-blue)",
     "var(--tt-color-highlight-red)",
@@ -4271,10 +4341,10 @@ function no({
   ]),
   useColorValue: t = !1
 }) {
-  const { handleRemoveHighlight: e } = Ge({ editor: n }), s = Te(), o = Be(null), a = Ct(
+  const { handleRemoveHighlight: e } = Qe({ editor: n }), s = $e(), o = Ue(null), a = St(
     () => [...i, { label: "Remove highlight", value: "none" }],
     [i]
-  ), { selectedIndex: h } = en({
+  ), { selectedIndex: h } = cn({
     containerRef: o,
     items: a,
     orientation: "both",
@@ -4288,14 +4358,14 @@ function no({
     autoSelectFirstItem: !1
   });
   return /* @__PURE__ */ c(
-    ze,
+    Ke,
     {
       ref: o,
       tabIndex: 0,
       style: s ? { boxShadow: "none", border: 0 } : {},
-      children: /* @__PURE__ */ c(Xe, { style: s ? { padding: 0 } : {}, children: /* @__PURE__ */ k(We, { orientation: "horizontal", children: [
-        /* @__PURE__ */ c(It, { orientation: "horizontal", children: i.map((l, d) => /* @__PURE__ */ c(
-          rn,
+      children: /* @__PURE__ */ c(qe, { style: s ? { padding: 0 } : {}, children: /* @__PURE__ */ k(je, { orientation: "horizontal", children: [
+        /* @__PURE__ */ c(Ht, { orientation: "horizontal", children: i.map((l, d) => /* @__PURE__ */ c(
+          mn,
           {
             editor: n,
             highlightColor: t ? l.colorValue : l.value,
@@ -4307,9 +4377,9 @@ function no({
           },
           l.value
         )) }),
-        /* @__PURE__ */ c(Ue, {}),
-        /* @__PURE__ */ c(It, { orientation: "horizontal", children: /* @__PURE__ */ c(
-          ft,
+        /* @__PURE__ */ c(Ge, {}),
+        /* @__PURE__ */ c(Ht, { orientation: "horizontal", children: /* @__PURE__ */ c(
+          vt,
           {
             onClick: e,
             "aria-label": "Remove highlight",
@@ -4319,16 +4389,16 @@ function no({
             role: "menuitem",
             variant: "ghost",
             "data-highlighted": h === i.length,
-            children: /* @__PURE__ */ c(Pe, { className: "tiptap-button-icon" })
+            children: /* @__PURE__ */ c(Xe, { className: "tiptap-button-icon" })
           }
         ) })
       ] }) })
     }
   );
 }
-function so({
+function go({
   editor: n,
-  colors: i = ln([
+  colors: i = pn([
     "var(--tt-color-highlight-green)",
     "var(--tt-color-highlight-blue)",
     "var(--tt-color-highlight-red)",
@@ -4340,27 +4410,27 @@ function so({
   onApplied: s,
   ...o
 }) {
-  const { editor: a } = mt(n), [h, l] = R(!1), { isVisible: d, canColorHighlight: f, isActive: u, label: g, Icon: y } = Ge({
+  const { editor: a } = yt(n), [h, l] = R(!1), { isVisible: d, canColorHighlight: f, isActive: m, label: u, Icon: y } = Qe({
     editor: a,
     hideWhenUnavailable: t,
     onApplied: s
   });
-  return d ? /* @__PURE__ */ k(nn, { open: h, onOpenChange: l, children: [
-    /* @__PURE__ */ c(sn, { asChild: !0, children: /* @__PURE__ */ c(
-      hn,
+  return d ? /* @__PURE__ */ k(dn, { open: h, onOpenChange: l, children: [
+    /* @__PURE__ */ c(gn, { asChild: !0, children: /* @__PURE__ */ c(
+      yn,
       {
         disabled: !f,
-        "data-active-state": u ? "on" : "off",
+        "data-active-state": m ? "on" : "off",
         "data-disabled": !f,
-        "aria-pressed": u,
-        "aria-label": g,
-        tooltip: g,
+        "aria-pressed": m,
+        "aria-label": u,
+        tooltip: u,
         ...o,
         children: /* @__PURE__ */ c(y, { className: "tiptap-button-icon" })
       }
     ) }),
-    /* @__PURE__ */ c(on, { "aria-label": "Highlight colors", children: /* @__PURE__ */ c(
-      no,
+    /* @__PURE__ */ c(un, { "aria-label": "Highlight colors", children: /* @__PURE__ */ c(
+      co,
       {
         editor: a,
         colors: i,
@@ -4369,20 +4439,20 @@ function so({
     ) })
   ] }) : null;
 }
-const Ke = at(({ className: n, ...i }) => /* @__PURE__ */ k("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: `lucide lucide-palette-icon lucide-palette ${n}`, ...i, children: [
+const ti = ct(({ className: n, ...i }) => /* @__PURE__ */ k("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: `lucide lucide-palette-icon lucide-palette ${n}`, ...i, children: [
   /* @__PURE__ */ c("path", { d: "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z" }),
   /* @__PURE__ */ c("circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor" }),
   /* @__PURE__ */ c("circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor" }),
   /* @__PURE__ */ c("circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor" }),
   /* @__PURE__ */ c("circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor" })
 ] }));
-Ke.displayName = "PaletteIcon";
-function oo({
-  shortcutKeys: n = De
+ti.displayName = "PaletteIcon";
+function uo({
+  shortcutKeys: n = Ze
 }) {
-  return /* @__PURE__ */ c(_e, { children: Ne({ shortcutKeys: n }) });
+  return /* @__PURE__ */ c(Re, { children: ke({ shortcutKeys: n }) });
 }
-const cn = $(
+const vn = $(
   ({
     editor: n,
     textColor: i,
@@ -4395,27 +4465,27 @@ const cn = $(
     style: l,
     useColorValue: d = !1,
     ...f
-  }, u) => {
-    const { editor: g } = mt(n), {
+  }, m) => {
+    const { editor: u } = yt(n), {
       isVisible: y,
-      canTextColor: x,
+      canTextColor: w,
       isActive: v,
-      handleTextColor: T,
+      handleTextColor: M,
       label: C,
-      shortcutKeys: L
-    } = je({
-      editor: g,
+      shortcutKeys: B
+    } = ii({
+      editor: u,
       textColor: i,
       useColorValue: d,
       label: t || `Toggle text color (${i})`,
       hideWhenUnavailable: e,
       onApplied: s
-    }), lt = K(
-      (Y) => {
-        a?.(Y), !Y.defaultPrevented && (T(), Y.preventDefault(), Y.stopPropagation());
+    }), dt = J(
+      (q) => {
+        a?.(q), !q.defaultPrevented && (M(), q.preventDefault(), q.stopPropagation());
       },
-      [T, a]
-    ), W = Ct(
+      [M, a]
+    ), K = St(
       () => ({
         ...l,
         "--text-color": i
@@ -4423,21 +4493,21 @@ const cn = $(
       [i, l]
     );
     return y ? /* @__PURE__ */ k(
-      ft,
+      vt,
       {
         type: "button",
         variant: "ghost",
         "data-active-state": v ? "on" : "off",
         role: "button",
         tabIndex: -1,
-        disabled: !x,
-        "data-disabled": !x,
+        disabled: !w,
+        "data-disabled": !w,
         "aria-label": C,
         "aria-pressed": v,
         tooltip: C,
-        onClick: lt,
-        ref: u,
-        style: W,
+        onClick: dt,
+        ref: m,
+        style: K,
         ...f,
         children: [
           h || /* @__PURE__ */ c(
@@ -4447,14 +4517,14 @@ const cn = $(
               style: { "--highlight-color": i }
             }
           ),
-          o && /* @__PURE__ */ c(oo, { shortcutKeys: L })
+          o && /* @__PURE__ */ c(uo, { shortcutKeys: B })
         ]
       }
     ) : null;
   }
 );
-cn.displayName = "TextColorButton";
-const De = "mod+shift+c", dn = [
+vn.displayName = "TextColorButton";
+const Ze = "mod+shift+c", Cn = [
   {
     label: "Black",
     value: "var(--tt-color-text-black)",
@@ -4501,29 +4571,29 @@ const De = "mod+shift+c", dn = [
     colorValue: "#db2777"
   }
 ];
-function gn(n) {
-  const i = new Map(dn.map((t) => [t.value, t]));
+function xn(n) {
+  const i = new Map(Cn.map((t) => [t.value, t]));
   return n.map((t) => i.get(t)).filter((t) => !!t);
 }
-function ro(n, i = !1) {
-  return i && dn.find(
+function mo(n, i = !1) {
+  return i && Cn.find(
     (e) => e.value === n || e.colorValue === n
   )?.colorValue || n;
 }
-function qe(n) {
-  return !n || !n.isEditable || !Yt("textStyle", n) || Ve(n, ["image"]) ? !1 : n.can().setColor("#000000");
+function ei(n) {
+  return !n || !n.isEditable || !Qt("textStyle", n) || ze(n, ["image"]) ? !1 : n.can().setColor("#000000");
 }
-function Ci(n, i) {
+function Si(n, i) {
   return !n || !n.isEditable ? !1 : i ? n.isActive("textStyle", { color: i }) : !!n.getAttributes("textStyle").color;
 }
-function ao(n) {
-  return !n || !n.isEditable || !qe(n) ? !1 : n.chain().focus().unsetColor().run();
+function fo(n) {
+  return !n || !n.isEditable || !ei(n) ? !1 : n.chain().focus().unsetColor().run();
 }
-function lo(n) {
+function po(n) {
   const { editor: i, hideWhenUnavailable: t } = n;
-  return !i || !i.isEditable ? !1 : t ? qe(i) : !0;
+  return !i || !i.isEditable ? !1 : t ? ei(i) : !0;
 }
-function je({
+function ii({
   editor: n,
   textColor: i,
   label: t = "Text color",
@@ -4531,56 +4601,56 @@ function je({
   useColorValue: s = !1,
   onApplied: o
 } = {}) {
-  const { editor: a } = mt(n), h = Te(), [l, d] = R(!0), [f, u] = R(!1), g = qe(a);
-  V(() => {
+  const { editor: a } = yt(n), h = $e(), [l, d] = R(!0), [f, m] = R(!1), u = ei(a);
+  Z(() => {
     if (!a) {
       d(!1);
       return;
     }
-    const v = lo({ editor: a, hideWhenUnavailable: e });
+    const v = po({ editor: a, hideWhenUnavailable: e });
     d(v);
-  }, [a, e]), V(() => {
+  }, [a, e]), Z(() => {
     if (!a) {
-      u(!1);
+      m(!1);
       return;
     }
     const v = () => {
-      u(Ci(a, i));
+      m(Si(a, i));
     };
     return a.on("selectionUpdate", v), a.on("transaction", v), v(), () => {
       a.off("selectionUpdate", v), a.off("transaction", v);
     };
   }, [a, i]);
-  const y = K(() => {
-    if (!a || !g) return;
-    const v = i ? ro(i, s) : "#000000";
-    Ci(a, v) ? a.chain().focus().unsetColor().run() : (a.chain().focus().setColor(v).run(), o?.({ color: v, label: t }));
-  }, [a, i, s, t, g, o]), x = K(() => {
-    ao(a);
+  const y = J(() => {
+    if (!a || !u) return;
+    const v = i ? mo(i, s) : "#000000";
+    Si(a, v) ? a.chain().focus().unsetColor().run() : (a.chain().focus().setColor(v).run(), o?.({ color: v, label: t }));
+  }, [a, i, s, t, u, o]), w = J(() => {
+    fo(a);
   }, [a]);
-  return wi(
-    De,
+  return Ti(
+    Ze,
     (v) => {
       v.preventDefault(), y();
     },
     {
-      enabled: !h && l && g,
+      enabled: !h && l && u,
       enableOnFormTags: ["INPUT", "TEXTAREA", "SELECT"]
     },
-    [y, h, l, g]
+    [y, h, l, u]
   ), {
     isVisible: l,
-    canTextColor: g,
+    canTextColor: u,
     isActive: f,
     handleTextColor: y,
-    handleRemoveTextColor: x,
+    handleRemoveTextColor: w,
     label: t,
-    shortcutKeys: De,
-    Icon: Ke
+    shortcutKeys: Ze,
+    Icon: ti
   };
 }
-const un = $(({ className: n, children: i, ...t }, e) => /* @__PURE__ */ c(
-  ft,
+const wn = $(({ className: n, children: i, ...t }, e) => /* @__PURE__ */ c(
+  vt,
   {
     type: "button",
     className: n,
@@ -4592,13 +4662,13 @@ const un = $(({ className: n, children: i, ...t }, e) => /* @__PURE__ */ c(
     tooltip: "Text color",
     ref: e,
     ...t,
-    children: i ?? /* @__PURE__ */ c(Ke, { className: "tiptap-button-icon" })
+    children: i ?? /* @__PURE__ */ c(ti, { className: "tiptap-button-icon" })
   }
 ));
-un.displayName = "TextColorPopoverButton";
-function ho({
+wn.displayName = "TextColorPopoverButton";
+function yo({
   editor: n,
-  colors: i = gn([
+  colors: i = xn([
     "var(--tt-color-text-black)",
     "var(--tt-color-text-red)",
     "var(--tt-color-text-blue)",
@@ -4608,10 +4678,10 @@ function ho({
   ]),
   useColorValue: t = !1
 }) {
-  const { handleRemoveTextColor: e } = je({ editor: n }), s = Te(), o = Be(null), a = Ct(
+  const { handleRemoveTextColor: e } = ii({ editor: n }), s = $e(), o = Ue(null), a = St(
     () => [...i, { label: "Remove color", value: "none" }],
     [i]
-  ), { selectedIndex: h } = en({
+  ), { selectedIndex: h } = cn({
     containerRef: o,
     items: a,
     orientation: "both",
@@ -4625,14 +4695,14 @@ function ho({
     autoSelectFirstItem: !1
   });
   return /* @__PURE__ */ c(
-    ze,
+    Ke,
     {
       ref: o,
       tabIndex: 0,
       style: s ? { boxShadow: "none", border: 0 } : {},
-      children: /* @__PURE__ */ c(Xe, { style: s ? { padding: 0 } : {}, children: /* @__PURE__ */ k(We, { orientation: "horizontal", children: [
-        /* @__PURE__ */ c(It, { orientation: "horizontal", children: i.map((l, d) => /* @__PURE__ */ c(
-          cn,
+      children: /* @__PURE__ */ c(qe, { style: s ? { padding: 0 } : {}, children: /* @__PURE__ */ k(je, { orientation: "horizontal", children: [
+        /* @__PURE__ */ c(Ht, { orientation: "horizontal", children: i.map((l, d) => /* @__PURE__ */ c(
+          vn,
           {
             editor: n,
             textColor: t ? l.colorValue : l.value,
@@ -4644,9 +4714,9 @@ function ho({
           },
           l.value
         )) }),
-        /* @__PURE__ */ c(Ue, {}),
-        /* @__PURE__ */ c(It, { orientation: "horizontal", children: /* @__PURE__ */ c(
-          ft,
+        /* @__PURE__ */ c(Ge, {}),
+        /* @__PURE__ */ c(Ht, { orientation: "horizontal", children: /* @__PURE__ */ c(
+          vt,
           {
             onClick: e,
             "aria-label": "Remove text color",
@@ -4656,16 +4726,16 @@ function ho({
             role: "menuitem",
             variant: "ghost",
             "data-highlighted": h === i.length,
-            children: /* @__PURE__ */ c(Pe, { className: "tiptap-button-icon" })
+            children: /* @__PURE__ */ c(Xe, { className: "tiptap-button-icon" })
           }
         ) })
       ] }) })
     }
   );
 }
-function co({
+function vo({
   editor: n,
-  colors: i = gn([
+  colors: i = xn([
     "var(--tt-color-text-red)",
     "var(--tt-color-text-blue)",
     "var(--tt-color-text-green)",
@@ -4677,27 +4747,27 @@ function co({
   onApplied: s,
   ...o
 }) {
-  const { editor: a } = mt(n), [h, l] = R(!1), { isVisible: d, canTextColor: f, isActive: u, label: g, Icon: y } = je({
+  const { editor: a } = yt(n), [h, l] = R(!1), { isVisible: d, canTextColor: f, isActive: m, label: u, Icon: y } = ii({
     editor: a,
     hideWhenUnavailable: t,
     onApplied: s
   });
-  return d ? /* @__PURE__ */ k(nn, { open: h, onOpenChange: l, children: [
-    /* @__PURE__ */ c(sn, { asChild: !0, children: /* @__PURE__ */ c(
-      un,
+  return d ? /* @__PURE__ */ k(dn, { open: h, onOpenChange: l, children: [
+    /* @__PURE__ */ c(gn, { asChild: !0, children: /* @__PURE__ */ c(
+      wn,
       {
         disabled: !f,
-        "data-active-state": u ? "on" : "off",
+        "data-active-state": m ? "on" : "off",
         "data-disabled": !f,
-        "aria-pressed": u,
-        "aria-label": g,
-        tooltip: g,
+        "aria-pressed": m,
+        "aria-label": u,
+        tooltip: u,
         ...o,
         children: /* @__PURE__ */ c(y, { className: "tiptap-button-icon" })
       }
     ) }),
-    /* @__PURE__ */ c(on, { "aria-label": "Text colors", children: /* @__PURE__ */ c(
-      ho,
+    /* @__PURE__ */ c(un, { "aria-label": "Text colors", children: /* @__PURE__ */ c(
+      yo,
       {
         editor: a,
         colors: i,
@@ -4706,7 +4776,7 @@ function co({
     ) })
   ] }) : null;
 }
-const go = [
+const Co = [
   { label: "宋体", value: "SimSun, STSong" },
   { label: "楷体", value: "KaiTi, STKaiti" },
   { label: "Inter", value: "Inter, sans-serif" },
@@ -4716,17 +4786,17 @@ const go = [
   { label: "Cursive", value: "cursive" },
   { label: "Default", value: "" }
 ];
-function uo({
+function xo({
   editor: n,
-  fonts: i = go
+  fonts: i = Co
 }) {
   const [t, e] = R(
     void 0
-  ), s = K(() => n ? n.can().setFontFamily("") : !1, [n]), o = K(
+  ), s = J(() => n ? n.can().setFontFamily("") : !1, [n]), o = J(
     (l) => n ? l ? n.isActive("textStyle", { fontFamily: l }) : !n.isActive("textStyle", { fontFamily: /.+/ }) : !1,
     [n]
   );
-  V(() => {
+  Z(() => {
     if (!n) {
       e(void 0);
       return;
@@ -4739,12 +4809,12 @@ function uo({
       n.off("selectionUpdate", l), n.off("transaction", l);
     };
   }, [n]);
-  const a = K(
+  const a = J(
     (l) => {
       n && (l ? n.chain().focus().setFontFamily(l).run() : n.chain().focus().unsetFontFamily().run());
     },
     [n]
-  ), h = K(() => {
+  ), h = J(() => {
     n && n.chain().focus().unsetFontFamily().run();
   }, [n]);
   return {
@@ -4756,13 +4826,13 @@ function uo({
     isFontFamilyActive: o
   };
 }
-const mn = $(({ editor: n, fonts: i }, t) => {
+const bn = $(({ editor: n, fonts: i }, t) => {
   const {
     fonts: e,
     activeFontFamily: s,
     setFontFamily: o,
     canSetFontFamily: a
-  } = uo({
+  } = xo({
     editor: n,
     fonts: i
   });
@@ -4785,10 +4855,10 @@ const mn = $(({ editor: n, fonts: i }, t) => {
     }
   );
 });
-mn.displayName = "FontFamilySelect";
-function Po({ api: n }) {
+bn.displayName = "FontFamilySelect";
+function Go({ api: n }) {
   const [i, t] = R(null), [e, s] = R(1), [o, a] = R(1);
-  return V(() => {
+  return Z(() => {
     if (!n) return;
     const h = (f) => {
       t(f), s(n.getState().viewport.scale), a(f.scaleWhenCreate || 1);
@@ -4800,28 +4870,28 @@ function Po({ api: n }) {
     return n.on("texteditor:register", h), n.on("texteditor:unregister", l), n.on("viewport:scale:change", d), () => {
       n.off("texteditor:register", h), n.off("texteditor:unregister", l), n.off("viewport:scale:change", d);
     };
-  }, [n]), !n || !i ? null : /* @__PURE__ */ c(Se, { children: i && /* @__PURE__ */ k(zn, { className: "rich-text-bubble-menu bubble-menu", editor: i, appendTo: () => document.getElementById("rich-text-html-element"), style: {
+  }, [n]), !n || !i ? null : /* @__PURE__ */ c(Ie, { children: i && /* @__PURE__ */ k(Jn, { className: "rich-text-bubble-menu bubble-menu", editor: i, appendTo: () => document.getElementById("rich-text-html-element"), style: {
     transformOrigin: "bottom center",
     transform: `scale(${o / e})`
   }, options: {
     shift: !1
   }, children: [
-    /* @__PURE__ */ c(mn, { editor: i }),
-    /* @__PURE__ */ c(Tt, { type: "bold", editor: i }),
-    /* @__PURE__ */ c(Tt, { type: "italic", editor: i }),
-    /* @__PURE__ */ c(Tt, { type: "strike", editor: i }),
-    /* @__PURE__ */ c(Tt, { type: "underline", editor: i }),
-    /* @__PURE__ */ c(so, { editor: i }),
-    /* @__PURE__ */ c(co, { editor: i })
+    /* @__PURE__ */ c(bn, { editor: i }),
+    /* @__PURE__ */ c(At, { type: "bold", editor: i }),
+    /* @__PURE__ */ c(At, { type: "italic", editor: i }),
+    /* @__PURE__ */ c(At, { type: "strike", editor: i }),
+    /* @__PURE__ */ c(At, { type: "underline", editor: i }),
+    /* @__PURE__ */ c(go, { editor: i }),
+    /* @__PURE__ */ c(vo, { editor: i })
   ] }) });
 }
 export {
-  ks as CanvasApi,
-  cs as DARK_THEME,
-  Si as DEFAULT_THEME,
+  Ds as CanvasApi,
+  vs as DARK_THEME,
+  Ii as DEFAULT_THEME,
   b as NODE_NAMES,
-  Bo as THEME_PRESETS,
-  Po as TipTapBubbleMenu,
-  Vo as Whiteboard,
-  Oo as useContextMenu
+  Wo as THEME_PRESETS,
+  Go as TipTapBubbleMenu,
+  Xo as Whiteboard,
+  Yo as useContextMenu
 };