@mario9/tiptap-editor 0.1.5 → 0.1.6

package/dist/tiptap-editor.js

@@ -1,21 +1,21 @@
-import { defineComponent as d, computed as S, ref as B, openBlock as Z, createBlock as le, unref as g, withCtx as D, createElementBlock as R, normalizeClass as ne, createElementVNode as L, createTextVNode as H, toDisplayString as N, Fragment as be, renderList as xe, normalizeStyle as He, createCommentVNode as oe, withModifiers as X, createVNode as e, mergeProps as k, inject as M, watch as z, nextTick as W, watchEffect as ie, provide as K } from "vue";
-import ye from "@tiptap/starter-kit";
-import { nodeViewProps as Be, NodeViewWrapper as Me, VueNodeViewRenderer as Ae, useEditor as Le, EditorContent as Ie } from "@tiptap/vue-3";
-import { TaskList as Ee, TaskItem as Ve } from "@tiptap/extension-list";
-import { TextAlign as Te } from "@tiptap/extension-text-align";
-import { Placeholder as Ze } from "@tiptap/extension-placeholder";
-import { CodeBlockLowlight as Fe } from "@tiptap/extension-code-block-lowlight";
-import { createLowlight as Re, common as _e } from "lowlight";
-import { Image as De } from "@tiptap/extension-image";
-import { Plugin as Se, NodeSelection as Ue } from "@tiptap/pm/state";
-import { Decoration as $e, DecorationSet as ze } from "@tiptap/pm/view";
-import { TableRow as Oe, TableHeader as Pe, TableCell as Ne, Table as je } from "@tiptap/extension-table";
-import { Mathematics as We } from "@tiptap/extension-mathematics";
-import { Node as Ke, mergeAttributes as qe } from "@tiptap/core";
-import { ElTooltip as $, ElButton as U, ElPopover as re, ElInput as ue, ElDropdown as Q, ElDropdownMenu as Y, ElDropdownItem as F, ElDialog as Ge, ElRadioGroup as Je, ElRadioButton as ee } from "element-plus";
-import Xe from "katex";
-import { BubbleMenu as Qe } from "@tiptap/vue-3/menus";
-const Ye = De.extend({
+import { defineComponent as c, computed as V, ref as H, createVNode as e, createTextVNode as m, mergeProps as k, inject as B, watch as D, nextTick as P, watchEffect as G, Fragment as de, provide as z } from "vue";
+import pe from "@tiptap/starter-kit";
+import { nodeViewProps as Ce, NodeViewWrapper as ve, VueNodeViewRenderer as fe, useEditor as he, EditorContent as ge } from "@tiptap/vue-3";
+import { TaskList as me, TaskItem as we } from "@tiptap/extension-list";
+import { TextAlign as be } from "@tiptap/extension-text-align";
+import { Placeholder as ke } from "@tiptap/extension-placeholder";
+import { CodeBlockLowlight as xe } from "@tiptap/extension-code-block-lowlight";
+import { createLowlight as He, common as Be } from "lowlight";
+import { Image as Ae } from "@tiptap/extension-image";
+import { Plugin as ye, NodeSelection as Me } from "@tiptap/pm/state";
+import { Decoration as Ie, DecorationSet as Le } from "@tiptap/pm/view";
+import { TableRow as Ee, TableHeader as Fe, TableCell as Ve, Table as Te } from "@tiptap/extension-table";
+import { Mathematics as Ze } from "@tiptap/extension-mathematics";
+import { Node as Re, mergeAttributes as De } from "@tiptap/core";
+import { ElTooltip as R, ElButton as Z, ElPopover as J, ElInput as X, ElDropdown as j, ElDropdownMenu as W, ElDropdownItem as E, ElDialog as Se, ElRadioGroup as Ue, ElRadioButton as q } from "element-plus";
+import _e from "katex";
+import { BubbleMenu as Pe } from "@tiptap/vue-3/menus";
+const ze = Ae.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
@@ -29,130 +29,134 @@ const Ye = De.extend({
   addProseMirrorPlugins() {
     const t = this.name;
     return [
-      new Se({
+      new ye({
         props: {
           decorations(l) {
             const n = [];
-            return l.doc.descendants((r, s) => {
-              r.type.name === t && r.attrs.align && n.push(
-                $e.node(s, s + r.nodeSize, {
-                  "data-align": r.attrs.align
+            return l.doc.descendants((o, u) => {
+              o.type.name === t && o.attrs.align && n.push(
+                Ie.node(u, u + o.nodeSize, {
+                  "data-align": o.attrs.align
                 })
               );
-            }), ze.create(l.doc, n);
+            }), Le.create(l.doc, n);
           }
         }
       })
     ];
   }
-}), e1 = { class: "tiptap-image-upload-content" }, t1 = { class: "tiptap-image-upload-subtext" }, l1 = {
-  key: 1,
-  class: "tiptap-image-upload-previews"
-}, n1 = { class: "tiptap-image-upload-preview-content" }, o1 = { class: "tiptap-image-upload-text" }, i1 = { class: "tiptap-image-upload-subtext" }, r1 = ["onClick"], u1 = ["accept", "multiple"], a1 = /* @__PURE__ */ d({
-  __name: "ImageUploadView",
-  props: Be,
+}), Oe = /* @__PURE__ */ c({
+  name: "ImageUploadView",
+  props: Ce,
   setup(t) {
-    const l = t, n = S(() => l.node.attrs.accept), r = S(() => l.node.attrs.limit), s = S(() => l.node.attrs.maxSize), u = B([]), v = B(), f = B(!1), h = async (c) => {
-      if (s.value > 0 && c.size > s.value)
-        return l.extension.options.onError?.(
-          new Error(`文件大小超出限制 ${s.value / 1024 / 1024}MB`)
-        ), null;
-      const p = crypto.randomUUID();
-      u.value.push({ id: p, file: c, progress: 0, status: "uploading" });
+    const l = V(() => t.node.attrs.accept), n = V(() => t.node.attrs.limit), o = V(() => t.node.attrs.maxSize), u = H([]), s = H(), f = H(!1), g = async (a) => {
+      if (o.value > 0 && a.size > o.value)
+        return t.extension.options.onError?.(new Error(`文件大小超出限制 ${o.value / 1024 / 1024}MB`)), null;
+      const d = crypto.randomUUID();
+      u.value.push({
+        id: d,
+        file: a,
+        progress: 0,
+        status: "uploading"
+      });
       try {
-        const C = l.extension.options.upload;
-        if (!C) throw new Error("未配置 upload 函数");
-        const x = await C(c);
-        if (!x) throw new Error("上传失败：未返回 URL");
-        const I = u.value.find((E) => E.id === p);
-        return I && (I.status = "success", I.progress = 100), l.extension.options.onSuccess?.(x), x;
-      } catch (C) {
-        const x = u.value.find((I) => I.id === p);
-        return x && (x.status = "error", x.progress = 0), l.extension.options.onError?.(C instanceof Error ? C : new Error("上传失败")), null;
+        const v = t.extension.options.upload;
+        if (!v) throw new Error("未配置 upload 函数");
+        const h = await v(a);
+        if (!h) throw new Error("上传失败：未返回 URL");
+        const A = u.value.find((T) => T.id === d);
+        return A && (A.status = "success", A.progress = 100), t.extension.options.onSuccess?.(h), h;
+      } catch (v) {
+        const h = u.value.find((A) => A.id === d);
+        return h && (h.status = "error", h.progress = 0), t.extension.options.onError?.(v instanceof Error ? v : new Error("上传失败")), null;
       }
-    }, y = async (c) => {
-      if (!c.length) return;
-      if (c.length > r.value) {
-        l.extension.options.onError?.(new Error(`最多上传 ${r.value} 个文件`));
+    }, r = async (a) => {
+      if (!a.length) return;
+      if (a.length > n.value) {
+        t.extension.options.onError?.(new Error(`最多上传 ${n.value} 个文件`));
         return;
       }
-      const p = (await Promise.all(c.map(h))).filter((C) => !!C);
-      if (p.length > 0) {
-        const C = l.getPos();
-        if (typeof C != "number") return;
-        const x = p.map((I) => ({ type: "image", attrs: { src: I } }));
-        l.editor.chain().focus().deleteRange({ from: C, to: C + l.node.nodeSize }).insertContentAt(C, x).run();
+      const d = (await Promise.all(a.map(g))).filter((v) => !!v);
+      if (d.length > 0) {
+        const v = t.getPos();
+        if (typeof v != "number") return;
+        const h = d.map((A) => ({
+          type: "image",
+          attrs: {
+            src: A
+          }
+        }));
+        t.editor.chain().focus().deleteRange({
+          from: v,
+          to: v + t.node.nodeSize
+        }).insertContentAt(v, h).run();
       }
-    }, o = () => {
-      u.value.length === 0 && v.value && (v.value.value = "", v.value.click());
-    }, i = (c) => {
-      const p = c.target.files;
-      p && y(Array.from(p));
-    }, a = (c) => {
-      c.preventDefault(), f.value = !0;
-    }, m = (c) => {
-      c.currentTarget.contains(c.relatedTarget) || (f.value = !1);
-    }, b = (c) => {
-      c.preventDefault(), f.value = !1;
-      const p = Array.from(c.dataTransfer?.files ?? []);
-      p.length && y(p);
-    }, A = (c) => {
-      u.value = u.value.filter((p) => p.id !== c);
+    }, C = () => {
+      u.value.length === 0 && s.value && (s.value.value = "", s.value.click());
+    }, i = (a) => {
+      const d = a.target.files;
+      d && r(Array.from(d));
+    }, p = (a) => {
+      a.preventDefault(), f.value = !0;
+    }, w = (a) => {
+      a.currentTarget.contains(a.relatedTarget) || (f.value = !1);
+    }, I = (a) => {
+      a.preventDefault(), f.value = !1;
+      const d = Array.from(a.dataTransfer?.files ?? []);
+      d.length && r(d);
+    }, x = (a) => {
+      u.value = u.value.filter((d) => d.id !== a);
     };
-    return (c, p) => (Z(), le(g(Me), {
-      class: "tiptap-image-upload",
-      onClick: o
+    return () => e(ve, {
+      class: "tiptap-image-upload"
     }, {
-      default: D(() => [
-        u.value.length ? (Z(), R("div", l1, [
-          (Z(!0), R(be, null, xe(u.value, (C) => (Z(), R("div", {
-            key: C.id,
-            class: "tiptap-image-upload-preview"
-          }, [
-            C.status === "uploading" ? (Z(), R("div", {
-              key: 0,
-              class: "tiptap-image-upload-progress",
-              style: He({ width: `${C.progress}%` })
-            }, null, 4)) : oe("", !0),
-            L("div", n1, [
-              L("span", o1, N(C.file.name), 1),
-              L("span", i1, N(C.status === "uploading" ? `${C.progress}%` : C.status === "error" ? "上传失败" : "上传成功"), 1),
-              L("button", {
-                class: "tiptap-image-upload-remove",
-                onClick: X((x) => A(C.id), ["stop"])
-              }, "×", 8, r1)
-            ])
-          ]))), 128))
-        ])) : (Z(), R("div", {
-          key: 0,
-          class: ne(["tiptap-image-upload-drag-area", { "drag-active": f.value }]),
-          onDragover: a,
-          onDragleave: m,
-          onDrop: b
-        }, [
-          L("div", e1, [
-            p[1] || (p[1] = L("span", { class: "tiptap-image-upload-text" }, [
-              L("em", null, "点击上传"),
-              H(" 或拖拽图片到此处")
-            ], -1)),
-            L("span", t1, " 最多 " + N(r.value) + " 个文件" + N(s.value ? `，每个不超过 ${s.value / 1024 / 1024}MB` : ""), 1)
-          ])
-        ], 34)),
-        L("input", {
-          ref_key: "inputRef",
-          ref: v,
-          type: "file",
-          accept: n.value,
-          multiple: r.value > 1,
-          onChange: i,
-          onClick: p[0] || (p[0] = X(() => {
-          }, ["stop"]))
-        }, null, 40, u1)
-      ]),
-      _: 1
-    }));
+      default: () => [e("div", {
+        onClick: C
+      }, [u.value.length ? e("div", {
+        class: "tiptap-image-upload-previews"
+      }, [u.value.map((a) => e("div", {
+        key: a.id,
+        class: "tiptap-image-upload-preview"
+      }, [a.status === "uploading" && e("div", {
+        class: "tiptap-image-upload-progress",
+        style: {
+          width: `${a.progress}%`
+        }
+      }, null), e("div", {
+        class: "tiptap-image-upload-preview-content"
+      }, [e("span", {
+        class: "tiptap-image-upload-text"
+      }, [a.file.name]), e("span", {
+        class: "tiptap-image-upload-subtext"
+      }, [a.status === "uploading" ? `${a.progress}%` : a.status === "error" ? "上传失败" : "上传成功"]), e("button", {
+        class: "tiptap-image-upload-remove",
+        onClick: (d) => {
+          d.stopPropagation(), x(a.id);
+        }
+      }, [m("×")])])]))]) : e("div", {
+        class: ["tiptap-image-upload-drag-area", {
+          "drag-active": f.value
+        }],
+        onDragover: p,
+        onDragleave: w,
+        onDrop: I
+      }, [e("div", {
+        class: "tiptap-image-upload-content"
+      }, [e("span", {
+        class: "tiptap-image-upload-text"
+      }, [e("em", null, [m("点击上传")]), m(" 或拖拽图片到此处")]), e("span", {
+        class: "tiptap-image-upload-subtext"
+      }, [m("最多 "), n.value, m(" 个文件"), o.value ? `，每个不超过 ${o.value / 1024 / 1024}MB` : ""])])]), e("input", {
+        ref: s,
+        type: "file",
+        accept: l.value,
+        multiple: n.value > 1,
+        onChange: i,
+        onClick: (a) => a.stopPropagation()
+      }, null)])]
+    });
   }
-}), s1 = Ke.create({
+}), $e = Re.create({
   name: "imageUpload",
   group: "block",
   draggable: !0,
@@ -194,12 +198,12 @@ const Ye = De.extend({
   renderHTML({
     HTMLAttributes: t
   }) {
-    return ["div", qe({
+    return ["div", De({
       "data-type": "image-upload"
     }, t)];
   },
   addNodeView() {
-    return Ae(a1);
+    return fe(Oe);
   },
   addCommands() {
     return {
@@ -221,18 +225,18 @@ const Ye = De.extend({
           nodeAfter: n
         } = l.$from;
         if (n?.type.name === "imageUpload" && t.isActive("imageUpload")) {
-          const r = t.view.nodeDOM(l.$from.pos);
-          if (r instanceof HTMLElement) {
-            const s = r.firstChild;
-            if (s instanceof HTMLElement)
-              return s.click(), !0;
+          const o = t.view.nodeDOM(l.$from.pos);
+          if (o instanceof HTMLElement) {
+            const u = o.firstChild;
+            if (u instanceof HTMLElement)
+              return u.click(), !0;
           }
         }
         return !1;
       }
     };
   }
-}), c1 = {
+}), Ne = {
   icon: {
     type: Object,
     required: !0
@@ -251,16 +255,16 @@ const Ye = De.extend({
   onClick: {
     type: Function
   }
-}, w = /* @__PURE__ */ d({
+}, b = /* @__PURE__ */ c({
   name: "IconButton",
-  props: c1,
+  props: Ne,
   setup(t) {
-    return () => e($, {
+    return () => e(R, {
       showArrow: !1,
       offset: 6,
       content: t.tooltip
     }, {
-      default: () => [e(U, {
+      default: () => [e(Z, {
         text: !0,
         icon: t.icon,
         class: ["tiptap-button", {
@@ -271,7 +275,7 @@ const Ye = De.extend({
       }, null)]
     });
   }
-}), d1 = /* @__PURE__ */ d({
+}), je = /* @__PURE__ */ c({
   name: "UndoIcon",
   setup(t, {
     attrs: l
@@ -289,7 +293,7 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), p1 = /* @__PURE__ */ d({
+}), We = /* @__PURE__ */ c({
   name: "RedoIcon",
   setup(t, {
     attrs: l
@@ -307,23 +311,23 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), C1 = /* @__PURE__ */ d({
+}), qe = /* @__PURE__ */ c({
   name: "UndoRedoButton",
   setup() {
-    const t = M("editor"), l = S(() => t?.value?.can().undo() ?? !1), n = S(() => t?.value?.can().redo() ?? !1);
-    return () => e("div", null, [e(w, {
-      icon: d1,
+    const t = B("editor"), l = V(() => t?.value?.can().undo() ?? !1), n = V(() => t?.value?.can().redo() ?? !1);
+    return () => e("div", null, [e(b, {
+      icon: je,
       tooltip: "撤销",
       disabled: !l.value,
       onClick: () => t?.value?.chain().focus().undo().run()
-    }, null), e(w, {
-      icon: p1,
+    }, null), e(b, {
+      icon: We,
       tooltip: "重做",
       disabled: !n.value,
       onClick: () => t?.value?.chain().focus().redo().run()
     }, null)]);
   }
-}), v1 = /* @__PURE__ */ d({
+}), Ke = /* @__PURE__ */ c({
   name: "LinkIcon",
   setup(t, {
     attrs: l
@@ -342,7 +346,7 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), f1 = /* @__PURE__ */ d({
+}), Ge = /* @__PURE__ */ c({
   name: "CornerDownLeftIcon",
   setup(t, {
     attrs: l
@@ -363,7 +367,7 @@ const Ye = De.extend({
       d: "M20 4v7a4 4 0 0 1-4 4H4"
     }, null)]);
   }
-}), h1 = /* @__PURE__ */ d({
+}), Je = /* @__PURE__ */ c({
   name: "ExternalLinkIcon",
   setup(t, {
     attrs: l
@@ -389,7 +393,7 @@ const Ye = De.extend({
       y2: "3"
     }, null)]);
   }
-}), m1 = /* @__PURE__ */ d({
+}), Xe = /* @__PURE__ */ c({
   name: "TrashIcon",
   setup(t, {
     attrs: l
@@ -410,52 +414,52 @@ const Ye = De.extend({
       d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
     }, null)]);
   }
-}), g1 = /* @__PURE__ */ d({
+}), Qe = /* @__PURE__ */ c({
   name: "LinkPopover",
   setup() {
-    const t = M("editor"), l = B(!1), n = B("");
-    let r = !1;
-    z(() => t?.value?.isActive("link"), (o) => {
-      r || o && (n.value = t?.value?.getAttributes("link").href ?? "", W(() => {
+    const t = B("editor"), l = H(!1), n = H("");
+    let o = !1;
+    D(() => t?.value?.isActive("link"), (i) => {
+      o || i && (n.value = t?.value?.getAttributes("link").href ?? "", P(() => {
         l.value = !0;
       }));
     });
-    const s = () => {
-      const o = t?.value;
-      if (!o || !n.value) return;
-      r = !0;
+    const u = () => {
+      const i = t?.value;
+      if (!i || !n.value) return;
+      o = !0;
       const {
-        empty: i
-      } = o.state.selection;
-      let a = o.chain().focus().extendMarkRange("link").setLink({
+        empty: p
+      } = i.state.selection;
+      let w = i.chain().focus().extendMarkRange("link").setLink({
         href: n.value
       });
-      i && (a = a.insertContent({
+      p && (w = w.insertContent({
         type: "text",
         text: n.value
-      })), a.run(), l.value = !1, W(() => {
-        r = !1;
+      })), w.run(), l.value = !1, P(() => {
+        o = !1;
       });
-    }, u = () => {
-      const o = t?.value;
-      o && (r = !0, o.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", l.value = !1, W(() => {
-        r = !1;
+    }, s = () => {
+      const i = t?.value;
+      i && (o = !0, i.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", l.value = !1, P(() => {
+        o = !1;
       }));
-    }, v = () => {
-      const o = t?.value?.getAttributes("link").href;
-      o && window.open(o, "_blank", "noopener,noreferrer");
-    }, f = (o) => {
-      o.key === "Enter" && (o.preventDefault(), s());
-    }, h = (o) => {
-      o && (n.value = t?.value?.getAttributes("link").href ?? ""), l.value = o;
-    }, y = (o) => {
-      n.value = o;
+    }, f = () => {
+      const i = t?.value?.getAttributes("link").href;
+      i && window.open(i, "_blank", "noopener,noreferrer");
+    }, g = (i) => {
+      i.key === "Enter" && (i.preventDefault(), u());
+    }, r = (i) => {
+      i && (n.value = t?.value?.getAttributes("link").href ?? ""), l.value = i;
+    }, C = (i) => {
+      n.value = i;
     };
     return () => {
-      const o = t?.value?.isActive("link") ?? !1;
-      return e(re, {
+      const i = t?.value?.isActive("link") ?? !1;
+      return e(J, {
         visible: l.value,
-        "onUpdate:visible": h,
+        "onUpdate:visible": r,
         placement: "bottom",
         width: 300,
         trigger: "click",
@@ -463,63 +467,63 @@ const Ye = De.extend({
         popperClass: "link-popover-popper",
         offset: 6
       }, {
-        reference: () => e("span", null, [e(w, {
+        reference: () => e("span", null, [e(b, {
           tooltip: "链接",
-          icon: v1,
+          icon: Ke,
           class: ["tiptap-button", {
-            "is-active": o
+            "is-active": i
           }]
         }, null)]),
         default: () => e("div", {
           class: "link-popover-inner"
-        }, [e(ue, {
+        }, [e(X, {
           modelValue: n.value,
-          "onUpdate:modelValue": y,
+          "onUpdate:modelValue": C,
           type: "url",
           placeholder: "请输入链接...",
           size: "small",
           autofocus: !0,
-          onKeydown: f
+          onKeydown: g
         }, null), e("div", {
           class: "link-popover-actions"
-        }, [e($, {
+        }, [e(R, {
           content: "确认",
           showArrow: !1,
           offset: 4
         }, {
-          default: () => [e(U, {
+          default: () => [e(Z, {
             text: !0,
-            icon: f1,
+            icon: Ge,
             disabled: !n.value,
-            onClick: s
+            onClick: u
           }, null)]
-        }), e($, {
+        }), e(R, {
           content: "在新标签页打开",
           showArrow: !1,
           offset: 4
         }, {
-          default: () => [e(U, {
+          default: () => [e(Z, {
             text: !0,
-            icon: h1,
-            disabled: !n.value && !o,
-            onClick: v
+            icon: Je,
+            disabled: !n.value && !i,
+            onClick: f
           }, null)]
-        }), e($, {
+        }), e(R, {
           content: "移除链接",
           showArrow: !1,
           offset: 4
         }, {
-          default: () => [e(U, {
+          default: () => [e(Z, {
             text: !0,
-            icon: m1,
-            disabled: !o,
-            onClick: u
+            icon: Xe,
+            disabled: !i,
+            onClick: s
           }, null)]
         })])])
       });
     };
   }
-}), ae = /* @__PURE__ */ d({
+}), Q = /* @__PURE__ */ c({
   name: "BoldIcon",
   setup(t, {
     attrs: l
@@ -537,7 +541,7 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), se = /* @__PURE__ */ d({
+}), Y = /* @__PURE__ */ c({
   name: "ItalicIcon",
   setup(t, {
     attrs: l
@@ -553,7 +557,7 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), ce = /* @__PURE__ */ d({
+}), ee = /* @__PURE__ */ c({
   name: "StrikeIcon",
   setup(t, {
     attrs: l
@@ -572,7 +576,7 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), de = /* @__PURE__ */ d({
+}), te = /* @__PURE__ */ c({
   name: "UnderlineIcon",
   setup(t, {
     attrs: l
@@ -590,33 +594,33 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), w1 = /* @__PURE__ */ d({
+}), Ye = /* @__PURE__ */ c({
   name: "TextStyleButton",
   setup() {
-    const t = M("editor");
-    return () => e("div", null, [e(w, {
-      icon: ae,
+    const t = B("editor");
+    return () => e("div", null, [e(b, {
+      icon: Q,
       tooltip: "粗体",
       isActive: t?.value?.isActive("bold"),
       onClick: () => t?.value?.chain().focus().toggleBold().run()
-    }, null), e(w, {
-      icon: se,
+    }, null), e(b, {
+      icon: Y,
       tooltip: "斜体",
       isActive: t?.value?.isActive("italic"),
       onClick: () => t?.value?.chain().focus().toggleItalic().run()
-    }, null), e(w, {
-      icon: ce,
+    }, null), e(b, {
+      icon: ee,
       tooltip: "删除线",
       isActive: t?.value?.isActive("strike"),
       onClick: () => t?.value?.chain().focus().toggleStrike().run()
-    }, null), e(w, {
-      icon: de,
+    }, null), e(b, {
+      icon: te,
       tooltip: "下划线",
       isActive: t?.value?.isActive("underline"),
       onClick: () => t?.value?.chain().focus().toggleUnderline().run()
-    }, null), e(g1, null, null)]);
+    }, null), e(Qe, null, null)]);
   }
-}), pe = /* @__PURE__ */ d({
+}), le = /* @__PURE__ */ c({
   name: "AlignLeftIcon",
   setup(t, {
     attrs: l
@@ -644,7 +648,7 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), Ce = /* @__PURE__ */ d({
+}), ne = /* @__PURE__ */ c({
   name: "AlignCenterIcon",
   setup(t, {
     attrs: l
@@ -672,7 +676,7 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), ve = /* @__PURE__ */ d({
+}), oe = /* @__PURE__ */ c({
   name: "AlignRightIcon",
   setup(t, {
     attrs: l
@@ -700,7 +704,7 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), k1 = /* @__PURE__ */ d({
+}), e1 = /* @__PURE__ */ c({
   name: "AlignJustifyIcon",
   setup(t, {
     attrs: l
@@ -728,33 +732,33 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), b1 = /* @__PURE__ */ d({
+}), t1 = /* @__PURE__ */ c({
   name: "TextAlignButton",
   setup() {
-    const t = M("editor");
-    return () => e("div", null, [e(w, {
-      icon: pe,
+    const t = B("editor");
+    return () => e("div", null, [e(b, {
+      icon: le,
       tooltip: "左边对齐",
       isActive: t?.value?.isActive({
         textAlign: "left"
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("left").run()
-    }, null), e(w, {
-      icon: Ce,
+    }, null), e(b, {
+      icon: ne,
       tooltip: "中间对齐",
       isActive: t?.value?.isActive({
         textAlign: "center"
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("center").run()
-    }, null), e(w, {
-      icon: ve,
+    }, null), e(b, {
+      icon: oe,
       tooltip: "右边对齐",
       isActive: t?.value?.isActive({
         textAlign: "right"
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("right").run()
-    }, null), e(w, {
-      icon: k1,
+    }, null), e(b, {
+      icon: e1,
       tooltip: "两端对齐",
       isActive: t?.value?.isActive({
         textAlign: "justify"
@@ -762,7 +766,7 @@ const Ye = De.extend({
       onClick: () => t?.value?.chain().focus().setTextAlign("justify").run()
     }, null)]);
   }
-}), x1 = /* @__PURE__ */ d({
+}), l1 = /* @__PURE__ */ c({
   name: "ListIcon",
   setup(t, {
     attrs: l
@@ -805,7 +809,7 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), H1 = /* @__PURE__ */ d({
+}), n1 = /* @__PURE__ */ c({
   name: "ListOrderedIcon",
   setup(t, {
     attrs: l
@@ -848,7 +852,7 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), y1 = /* @__PURE__ */ d({
+}), o1 = /* @__PURE__ */ c({
   name: "ListTodoIcon",
   setup(t, {
     attrs: l
@@ -886,28 +890,28 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), B1 = /* @__PURE__ */ d({
+}), i1 = /* @__PURE__ */ c({
   name: "ListButton",
   setup() {
-    const t = M("editor");
-    return () => e("div", null, [e(w, {
-      icon: x1,
+    const t = B("editor");
+    return () => e("div", null, [e(b, {
+      icon: l1,
       tooltip: "无序列表",
       isActive: t?.value?.isActive("bulletList"),
       onClick: () => t?.value?.chain().focus().toggleBulletList().run()
-    }, null), e(w, {
-      icon: H1,
+    }, null), e(b, {
+      icon: n1,
       tooltip: "有序列表",
       isActive: t?.value?.isActive("orderedList"),
       onClick: () => t?.value?.chain().focus().toggleOrderedList().run()
-    }, null), e(w, {
-      icon: y1,
+    }, null), e(b, {
+      icon: o1,
       tooltip: "任务列表",
       isActive: t?.value?.isActive("taskList"),
       onClick: () => t?.value?.chain().focus().toggleTaskList().run()
     }, null)]);
   }
-}), M1 = /* @__PURE__ */ d({
+}), u1 = /* @__PURE__ */ c({
   name: "ImagePlusIcon",
   setup(t, {
     attrs: l
@@ -925,17 +929,17 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), A1 = /* @__PURE__ */ d({
+}), r1 = /* @__PURE__ */ c({
   name: "ImageButton",
   setup() {
-    const t = M("editor");
-    return () => e("div", null, [e(w, {
-      icon: M1,
+    const t = B("editor");
+    return () => e("div", null, [e(b, {
+      icon: u1,
       tooltip: "图片",
       onClick: () => t?.value?.commands.setImageUploadNode()
     }, null)]);
   }
-}), L1 = /* @__PURE__ */ d({
+}), a1 = /* @__PURE__ */ c({
   name: "TableIcon",
   setup(t, {
     attrs: l
@@ -953,42 +957,42 @@ const Ye = De.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), I1 = 8, E1 = 8, V1 = /* @__PURE__ */ d({
+}), s1 = 8, c1 = 8, d1 = /* @__PURE__ */ c({
   name: "TableButton",
   setup() {
-    const t = M("editor"), l = B(!1), n = B(0), r = B(0), s = (f, h) => {
-      n.value = f, r.value = h;
-    }, u = () => {
-      n.value = 0, r.value = 0;
-    }, v = (f, h) => {
+    const t = B("editor"), l = H(!1), n = H(0), o = H(0), u = (g, r) => {
+      n.value = g, o.value = r;
+    }, s = () => {
+      n.value = 0, o.value = 0;
+    }, f = (g, r) => {
       t?.value?.chain().focus().insertTable({
-        rows: h,
-        cols: f,
+        rows: r,
+        cols: g,
         withHeaderRow: !0
       }).run(), l.value = !1;
     };
-    return () => e(re, {
+    return () => e(J, {
       visible: l.value,
-      "onUpdate:visible": (f) => l.value = f,
+      "onUpdate:visible": (g) => l.value = g,
       trigger: "click",
       placement: "bottom-start",
       popperClass: "table-picker-popper",
       width: "auto",
       showArrow: !1
     }, {
-      reference: () => e("span", null, [e($, {
+      reference: () => e("span", null, [e(R, {
         content: "表格",
         showArrow: !1,
         offset: 6,
         disabled: l.value
       }, {
-        default: () => [e(U, {
+        default: () => [e(Z, {
           text: !0,
           class: ["tiptap-button", {
             "is-active": l.value
           }]
         }, {
-          default: () => [e(L1, {
+          default: () => [e(a1, {
             class: "tiptap-button-icon"
           }, null)]
         })]
@@ -997,34 +1001,34 @@ const Ye = De.extend({
         class: "table-picker"
       }, [e("div", {
         class: "table-picker-grid",
-        onMouseleave: u
+        onMouseleave: s
       }, [Array.from({
-        length: E1
-      }, (f, h) => e("div", {
-        key: h,
+        length: c1
+      }, (g, r) => e("div", {
+        key: r,
         class: "table-picker-row"
       }, [Array.from({
-        length: I1
-      }, (y, o) => e("div", {
-        key: o,
+        length: s1
+      }, (C, i) => e("div", {
+        key: i,
         class: ["table-picker-cell", {
-          "is-active": o < n.value && h < r.value
+          "is-active": i < n.value && r < o.value
         }],
-        onMouseenter: () => s(o + 1, h + 1),
-        onClick: () => v(o + 1, h + 1)
+        onMouseenter: () => u(i + 1, r + 1),
+        onClick: () => f(i + 1, r + 1)
       }, null))]))]), e("div", {
         class: "table-picker-footer"
       }, [e("div", {
         class: "table-picker-counter"
-      }, [e("span", null, [H("列")]), e("span", null, [n.value || 1])]), e("span", {
+      }, [e("span", null, [m("列")]), e("span", null, [n.value || 1])]), e("span", {
         class: "table-picker-x"
-      }, [H("x")]), e("div", {
+      }, [m("x")]), e("div", {
         class: "table-picker-counter"
-      }, [e("span", null, [H("行")]), e("span", null, [r.value || 1])])])])
+      }, [e("span", null, [m("行")]), e("span", null, [o.value || 1])])])])
     });
   }
 });
-function T1(t) {
+function p1(t) {
   let l = t.nodeType === Node.TEXT_NODE ? t.parentElement : t;
   for (; l && l instanceof HTMLElement; ) {
     if (l.tagName === "TD" || l.tagName === "TH") return l;
@@ -1032,106 +1036,106 @@ function T1(t) {
   }
   return null;
 }
-function Z1(t) {
+function C1(t) {
   if (!t.isActive("tableCell") && !t.isActive("tableHeader")) return null;
   const {
     node: l
-  } = t.view.domAtPos(t.state.selection.from), n = T1(l);
+  } = t.view.domAtPos(t.state.selection.from), n = p1(l);
   if (!n) return null;
-  const r = n.parentElement, s = r.parentElement, u = n.closest("table");
-  if (!u) return null;
-  const v = Array.from(r.children).indexOf(n), f = Array.from(s.children).indexOf(r), h = r.children.length, y = s.children.length, o = n.getBoundingClientRect(), i = u.getBoundingClientRect(), a = t.view.dom.closest(".tiptap-editor").getBoundingClientRect();
+  const o = n.parentElement, u = o.parentElement, s = n.closest("table");
+  if (!s) return null;
+  const f = Array.from(o.children).indexOf(n), g = Array.from(u.children).indexOf(o), r = o.children.length, C = u.children.length, i = n.getBoundingClientRect(), p = s.getBoundingClientRect(), w = t.view.dom.closest(".tiptap-editor").getBoundingClientRect();
   return {
     cell: n,
-    colIndex: v,
-    rowIndex: f,
-    totalCols: h,
-    totalRows: y,
-    cellRect: o,
-    tableRect: i,
-    editorRect: a
+    colIndex: f,
+    rowIndex: g,
+    totalCols: r,
+    totalRows: C,
+    cellRect: i,
+    tableRect: p,
+    editorRect: w
   };
 }
-function te(t) {
+function K(t) {
   const {
     state: l
   } = t, n = l.selection.from;
-  let r = null;
-  return l.doc.nodesBetween(0, l.doc.content.size, (s, u) => {
-    if (s.type.name === "table" && u <= n && n <= u + s.nodeSize)
-      return r = {
-        node: s,
-        pos: u
+  let o = null;
+  return l.doc.nodesBetween(0, l.doc.content.size, (u, s) => {
+    if (u.type.name === "table" && s <= n && n <= s + u.nodeSize)
+      return o = {
+        node: u,
+        pos: s
       }, !1;
-  }), r;
+  }), o;
 }
-const F1 = /* @__PURE__ */ d({
+const v1 = /* @__PURE__ */ c({
   name: "TableControls",
   setup() {
-    const t = M("editor"), l = M("readonly"), n = B(null), r = B(null);
-    function s() {
-      const o = t?.value;
-      if (r.value && (r.value.classList.remove("tcc-cell-focused"), r.value = null), !o) {
+    const t = B("editor"), l = B("readonly"), n = H(null), o = H(null);
+    function u() {
+      const i = t?.value;
+      if (o.value && (o.value.classList.remove("tcc-cell-focused"), o.value = null), !i) {
         n.value = null;
         return;
       }
-      const i = Z1(o);
-      n.value = i, i && (i.cell.classList.add("tcc-cell-focused"), r.value = i.cell);
+      const p = C1(i);
+      n.value = p, p && (p.cell.classList.add("tcc-cell-focused"), o.value = p.cell);
     }
-    ie((o) => {
-      const i = t?.value;
-      i && (i.on("selectionUpdate", s), i.on("transaction", s), o(() => {
-        i.off("selectionUpdate", s), i.off("transaction", s), r.value && (r.value.classList.remove("tcc-cell-focused"), r.value = null);
+    G((i) => {
+      const p = t?.value;
+      p && (p.on("selectionUpdate", u), p.on("transaction", u), i(() => {
+        p.off("selectionUpdate", u), p.off("transaction", u), o.value && (o.value.classList.remove("tcc-cell-focused"), o.value = null);
       }));
     });
-    function u(o) {
-      const i = t?.value;
-      if (!i || !n.value) return;
+    function s(i) {
+      const p = t?.value;
+      if (!p || !n.value) return;
       const {
-        colIndex: a,
-        totalCols: m
-      } = n.value, b = o === "left" ? a - 1 : a + 1;
-      if (b < 0 || b >= m) return;
-      const A = te(i);
-      if (!A) return;
+        colIndex: w,
+        totalCols: I
+      } = n.value, x = i === "left" ? w - 1 : w + 1;
+      if (x < 0 || x >= I) return;
+      const a = K(p);
+      if (!a) return;
       const {
-        node: c,
-        pos: p
-      } = A, C = [];
-      c.forEach((E) => {
-        if (E.type.name !== "tableRow") {
-          C.push(E);
+        node: d,
+        pos: v
+      } = a, h = [];
+      d.forEach((L) => {
+        if (L.type.name !== "tableRow") {
+          h.push(L);
           return;
         }
-        const V = [];
-        E.forEach((P) => V.push(P));
-        const O = V[a];
-        V[a] = V[b], V[b] = O, C.push(E.type.create(E.attrs, V, E.marks));
+        const y = [];
+        L.forEach((U) => y.push(U));
+        const S = y[w];
+        y[w] = y[x], y[x] = S, h.push(L.type.create(L.attrs, y, L.marks));
       });
-      const x = c.type.create(c.attrs, C, c.marks), I = i.state.tr.replaceWith(p, p + c.nodeSize, x);
-      i.view.dispatch(I);
+      const A = d.type.create(d.attrs, h, d.marks), T = p.state.tr.replaceWith(v, v + d.nodeSize, A);
+      p.view.dispatch(T);
     }
-    function v(o) {
-      const i = t?.value;
-      if (!i || !n.value) return;
+    function f(i) {
+      const p = t?.value;
+      if (!p || !n.value) return;
       const {
-        rowIndex: a,
-        totalRows: m
-      } = n.value, b = o === "up" ? a - 1 : a + 1;
-      if (b < 0 || b >= m) return;
-      const A = te(i);
-      if (!A) return;
+        rowIndex: w,
+        totalRows: I
+      } = n.value, x = i === "up" ? w - 1 : w + 1;
+      if (x < 0 || x >= I) return;
+      const a = K(p);
+      if (!a) return;
       const {
-        node: c,
-        pos: p
-      } = A, C = [];
-      c.forEach((V) => C.push(V));
-      const x = C[a];
-      C[a] = C[b], C[b] = x;
-      const I = c.type.create(c.attrs, C, c.marks), E = i.state.tr.replaceWith(p, p + c.nodeSize, I);
-      i.view.dispatch(E);
+        node: d,
+        pos: v
+      } = a, h = [];
+      d.forEach((y) => h.push(y));
+      const A = h[w];
+      h[w] = h[x], h[x] = A;
+      const T = d.type.create(d.attrs, h, d.marks), L = p.state.tr.replaceWith(v, v + d.nodeSize, T);
+      p.view.dispatch(L);
     }
-    const f = () => e("svg", {
+    const g = () => e("svg", {
       width: "16",
       height: "4",
       viewBox: "0 0 16 4",
@@ -1148,7 +1152,7 @@ const F1 = /* @__PURE__ */ d({
       cx: "14",
       cy: "2",
       r: "1.5"
-    }, null)]), h = () => e("svg", {
+    }, null)]), r = () => e("svg", {
       width: "4",
       height: "16",
       viewBox: "0 0 4 16",
@@ -1165,7 +1169,7 @@ const F1 = /* @__PURE__ */ d({
       cx: "2",
       cy: "14",
       r: "1.5"
-    }, null)]), y = () => e("svg", {
+    }, null)]), C = () => e("svg", {
       width: "10",
       height: "10",
       viewBox: "0 0 10 10",
@@ -1178,121 +1182,121 @@ const F1 = /* @__PURE__ */ d({
     }, null)]);
     return () => {
       if (l?.value) return null;
-      const o = n.value;
-      if (!o) return null;
+      const i = n.value;
+      if (!i) return null;
       const {
-        colIndex: i,
-        rowIndex: a,
-        totalCols: m,
-        totalRows: b,
-        cellRect: A,
-        tableRect: c,
-        editorRect: p
-      } = o, C = c.top - p.top, x = c.left - p.left, I = c.right - p.left, E = c.bottom - p.top, V = A.left - p.left, O = A.top - p.top, P = A.width, q = A.height, fe = {
+        colIndex: p,
+        rowIndex: w,
+        totalCols: I,
+        totalRows: x,
+        cellRect: a,
+        tableRect: d,
+        editorRect: v
+      } = i, h = d.top - v.top, A = d.left - v.left, T = d.right - v.left, L = d.bottom - v.top, y = a.left - v.left, S = a.top - v.top, U = a.width, O = a.height, ie = {
         position: "absolute",
-        top: `${C - 20}px`,
-        left: `${V + P / 2 - 18}px`
-      }, he = {
+        top: `${h - 20}px`,
+        left: `${y + U / 2 - 18}px`
+      }, ue = {
         position: "absolute",
-        top: `${O + q / 2 - 18}px`,
-        left: `${x - 20}px`
-      }, me = {
+        top: `${S + O / 2 - 18}px`,
+        left: `${A - 20}px`
+      }, re = {
         position: "absolute",
-        top: `${O + q / 2 - 12}px`,
-        left: `${I + 6}px`
-      }, ge = {
+        top: `${S + O / 2 - 12}px`,
+        left: `${T + 6}px`
+      }, ae = {
         position: "absolute",
-        top: `${E + 6}px`,
-        left: `${V + P / 2 - 12}px`
-      }, we = i === 0, G = i === m - 1, ke = a === 0, J = a === b - 1, _ = t?.value;
+        top: `${L + 6}px`,
+        left: `${y + U / 2 - 12}px`
+      }, se = p === 0, $ = p === I - 1, ce = w === 0, N = w === x - 1, F = t?.value;
       return e("div", {
         class: "table-cell-controls"
-      }, [e(Q, {
+      }, [e(j, {
         trigger: "click",
         placement: "bottom",
-        style: fe,
-        onCommand: (T) => {
-          T === "move-left" ? u("left") : T === "move-right" ? u("right") : T === "insert-left" ? _?.chain().focus().addColumnBefore().run() : T === "insert-right" ? _?.chain().focus().addColumnAfter().run() : T === "delete" && _?.chain().focus().deleteColumn().run();
+        style: ie,
+        onCommand: (M) => {
+          M === "move-left" ? s("left") : M === "move-right" ? s("right") : M === "insert-left" ? F?.chain().focus().addColumnBefore().run() : M === "insert-right" ? F?.chain().focus().addColumnAfter().run() : M === "delete" && F?.chain().focus().deleteColumn().run();
         }
       }, {
         default: () => [e("button", {
           class: "tcc-btn tcc-btn--col"
-        }, [e(f, null, null)])],
-        dropdown: () => e(Y, null, {
-          default: () => [e(F, {
+        }, [e(g, null, null)])],
+        dropdown: () => e(W, null, {
+          default: () => [e(E, {
             command: "move-left",
-            disabled: we
+            disabled: se
           }, {
-            default: () => [H("移动列到左侧")]
-          }), e(F, {
+            default: () => [m("移动列到左侧")]
+          }), e(E, {
             command: "move-right",
-            disabled: G
+            disabled: $
           }, {
-            default: () => [H("移动列到右侧")]
-          }), e(F, {
+            default: () => [m("移动列到右侧")]
+          }), e(E, {
             command: "insert-left"
           }, {
-            default: () => [H("在左侧插入一列")]
-          }), e(F, {
+            default: () => [m("在左侧插入一列")]
+          }), e(E, {
             command: "insert-right"
           }, {
-            default: () => [H("在右侧插入一列")]
-          }), e(F, {
+            default: () => [m("在右侧插入一列")]
+          }), e(E, {
             command: "delete",
             divided: !0
           }, {
-            default: () => [H("删除列")]
+            default: () => [m("删除列")]
           })]
         })
-      }), e(Q, {
+      }), e(j, {
         trigger: "click",
         placement: "right",
-        style: he,
-        onCommand: (T) => {
-          T === "move-up" ? v("up") : T === "move-down" ? v("down") : T === "insert-above" ? _?.chain().focus().addRowBefore().run() : T === "insert-below" ? _?.chain().focus().addRowAfter().run() : T === "delete" && _?.chain().focus().deleteRow().run();
+        style: ue,
+        onCommand: (M) => {
+          M === "move-up" ? f("up") : M === "move-down" ? f("down") : M === "insert-above" ? F?.chain().focus().addRowBefore().run() : M === "insert-below" ? F?.chain().focus().addRowAfter().run() : M === "delete" && F?.chain().focus().deleteRow().run();
         }
       }, {
         default: () => [e("button", {
           class: "tcc-btn tcc-btn--row"
-        }, [e(h, null, null)])],
-        dropdown: () => e(Y, null, {
-          default: () => [e(F, {
+        }, [e(r, null, null)])],
+        dropdown: () => e(W, null, {
+          default: () => [e(E, {
             command: "move-up",
-            disabled: ke
+            disabled: ce
           }, {
-            default: () => [H("上移")]
-          }), e(F, {
+            default: () => [m("上移")]
+          }), e(E, {
             command: "move-down",
-            disabled: J
+            disabled: N
           }, {
-            default: () => [H("下移")]
-          }), e(F, {
+            default: () => [m("下移")]
+          }), e(E, {
             command: "insert-above"
           }, {
-            default: () => [H("在上方插入一行")]
-          }), e(F, {
+            default: () => [m("在上方插入一行")]
+          }), e(E, {
             command: "insert-below"
           }, {
-            default: () => [H("在下方插入一行")]
-          }), e(F, {
+            default: () => [m("在下方插入一行")]
+          }), e(E, {
             command: "delete",
             divided: !0
           }, {
-            default: () => [H("删除行")]
+            default: () => [m("删除行")]
           })]
         })
-      }), G && e("button", {
+      }), $ && e("button", {
         class: "tcc-btn tcc-btn--add",
-        style: me,
-        onClick: () => _?.chain().focus().addColumnAfter().run()
-      }, [e(y, null, null)]), J && e("button", {
+        style: re,
+        onClick: () => F?.chain().focus().addColumnAfter().run()
+      }, [e(C, null, null)]), N && e("button", {
         class: "tcc-btn tcc-btn--add",
-        style: ge,
-        onClick: () => _?.chain().focus().addRowAfter().run()
-      }, [e(y, null, null)])]);
+        style: ae,
+        onClick: () => F?.chain().focus().addRowAfter().run()
+      }, [e(C, null, null)])]);
     };
   }
-}), R1 = /* @__PURE__ */ d({
+}), f1 = /* @__PURE__ */ c({
   name: "MathIcon",
   setup(t, {
     attrs: l
@@ -1310,145 +1314,158 @@ const F1 = /* @__PURE__ */ d({
       fill: "currentColor"
     }, null)]);
   }
-}), _1 = /* @__PURE__ */ d({
+}), h1 = /* @__PURE__ */ c({
   name: "MathButton",
   setup() {
-    const t = M("editor"), l = M("openMathDialog");
-    return () => e(w, {
-      icon: R1,
+    const t = B("editor"), l = B("openMathDialog");
+    return () => e(b, {
+      icon: f1,
       tooltip: "数学公式",
       isActive: t?.value?.isActive("inlineMath") || t?.value?.isActive("blockMath"),
       onClick: () => l?.()
     }, null);
   }
-}), D1 = { class: "math-dialog" }, S1 = {
-  key: 0,
-  class: "math-preview__placeholder"
-}, U1 = ["innerHTML"], $1 = /* @__PURE__ */ d({
-  __name: "MathEditDialog",
+}), g1 = /* @__PURE__ */ c({
+  name: "MathEditDialog",
   props: {
-    visible: { type: Boolean },
-    latex: {},
-    pos: {},
-    type: {}
+    visible: {
+      type: Boolean,
+      required: !0
+    },
+    latex: {
+      type: String,
+      required: !0
+    },
+    pos: {
+      type: Number,
+      default: null
+    },
+    type: {
+      type: String,
+      required: !0
+    }
   },
   emits: ["update:visible"],
-  setup(t, { emit: l }) {
-    const n = t, r = l, s = M("editor"), u = B(""), v = B("inline");
-    z(() => n.latex, (o) => {
-      u.value = o;
-    }, { immediate: !0 }), z(() => n.type, (o) => {
-      v.value = o;
-    }, { immediate: !0 });
-    const f = S(() => n.pos === null), h = S(() => u.value.trim() ? Xe.renderToString(u.value, {
-      displayMode: v.value === "block",
+  setup(t, {
+    emit: l
+  }) {
+    const n = B("editor"), o = H(""), u = H("inline");
+    D(() => t.latex, (r) => {
+      o.value = r;
+    }, {
+      immediate: !0
+    }), D(() => t.type, (r) => {
+      u.value = r;
+    }, {
+      immediate: !0
+    });
+    const s = V(() => t.pos === null), f = V(() => o.value.trim() ? _e.renderToString(o.value, {
+      displayMode: u.value === "block",
       throwOnError: !1
-    }) : ""), y = () => {
-      const o = s?.value;
-      if (!(!o || !u.value.trim())) {
-        if (f.value)
-          v.value === "inline" ? o.chain().focus().insertInlineMath({ latex: u.value }).run() : o.chain().focus().insertBlockMath({ latex: u.value }).run();
-        else if (v.value === n.type)
-          n.type === "inline" ? o.commands.updateInlineMath({ latex: u.value, pos: n.pos }) : o.commands.updateBlockMath({ latex: u.value, pos: n.pos });
+    }) : ""), g = () => {
+      const r = n?.value;
+      if (!(!r || !o.value.trim())) {
+        if (s.value)
+          u.value === "inline" ? r.chain().focus().insertInlineMath({
+            latex: o.value
+          }).run() : r.chain().focus().insertBlockMath({
+            latex: o.value
+          }).run();
+        else if (u.value === t.type)
+          t.type === "inline" ? r.commands.updateInlineMath({
+            latex: o.value,
+            pos: t.pos
+          }) : r.commands.updateBlockMath({
+            latex: o.value,
+            pos: t.pos
+          });
         else {
-          const i = n.pos;
-          n.type === "inline" ? o.chain().focus().deleteInlineMath({ pos: i }).insertBlockMath({ latex: u.value }).run() : o.chain().focus().deleteBlockMath({ pos: i }).insertInlineMath({ latex: u.value }).run();
+          const C = t.pos;
+          t.type === "inline" ? r.chain().focus().deleteInlineMath({
+            pos: C
+          }).insertBlockMath({
+            latex: o.value
+          }).run() : r.chain().focus().deleteBlockMath({
+            pos: C
+          }).insertInlineMath({
+            latex: o.value
+          }).run();
         }
-        r("update:visible", !1);
+        l("update:visible", !1);
       }
     };
-    return (o, i) => (Z(), le(g(Ge), {
-      "model-value": t.visible,
-      title: f.value ? "插入数学公式" : "编辑数学公式",
+    return () => e(Se, {
+      modelValue: t.visible,
+      title: s.value ? "插入数学公式" : "编辑数学公式",
       width: "520px",
-      "onUpdate:modelValue": i[3] || (i[3] = (a) => r("update:visible", a))
+      "onUpdate:modelValue": (r) => l("update:visible", r)
     }, {
-      footer: D(() => [
-        e(g(U), {
-          onClick: i[2] || (i[2] = (a) => r("update:visible", !1))
+      default: () => [e("div", {
+        class: "math-dialog"
+      }, [e(Ue, {
+        modelValue: u.value,
+        "onUpdate:modelValue": (r) => {
+          u.value = r;
+        }
+      }, {
+        default: () => [e(q, {
+          value: "inline"
         }, {
-          default: D(() => [...i[6] || (i[6] = [
-            H("取消", -1)
-          ])]),
-          _: 1
-        }),
-        e(g(U), {
-          type: "primary",
-          disabled: !u.value.trim(),
-          onClick: y
+          default: () => [m("行内公式")]
+        }), e(q, {
+          value: "block"
         }, {
-          default: D(() => [...i[7] || (i[7] = [
-            H("确认", -1)
-          ])]),
-          _: 1
-        }, 8, ["disabled"])
-      ]),
-      default: D(() => [
-        L("div", D1, [
-          e(g(Je), {
-            modelValue: v.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (a) => v.value = a)
-          }, {
-            default: D(() => [
-              e(g(ee), { value: "inline" }, {
-                default: D(() => [...i[4] || (i[4] = [
-                  H("行内公式", -1)
-                ])]),
-                _: 1
-              }),
-              e(g(ee), { value: "block" }, {
-                default: D(() => [...i[5] || (i[5] = [
-                  H("块级公式", -1)
-                ])]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["modelValue"]),
-          e(g(ue), {
-            modelValue: u.value,
-            "onUpdate:modelValue": i[1] || (i[1] = (a) => u.value = a),
-            type: "textarea",
-            rows: 3,
-            placeholder: "请输入 LaTeX 公式，例如：E=mc^2"
-          }, null, 8, ["modelValue"]),
-          L("div", {
-            class: ne(["math-preview", { "math-preview--empty": !h.value }])
-          }, [
-            h.value ? (Z(), R("div", {
-              key: 1,
-              innerHTML: h.value
-            }, null, 8, U1)) : (Z(), R("span", S1, "预览将在此处显示"))
-          ], 2)
-        ])
-      ]),
-      _: 1
-    }, 8, ["model-value", "title"]));
+          default: () => [m("块级公式")]
+        })]
+      }), e(X, {
+        modelValue: o.value,
+        type: "textarea",
+        rows: 3,
+        placeholder: "请输入 LaTeX 公式，例如：E=mc^2",
+        "onUpdate:modelValue": (r) => {
+          o.value = r;
+        }
+      }, null), e("div", {
+        class: ["math-preview", {
+          "math-preview--empty": !f.value
+        }]
+      }, [f.value ? e("div", {
+        innerHTML: f.value
+      }, null) : e("span", {
+        class: "math-preview__placeholder"
+      }, [m("预览将在此处显示")])])])],
+      footer: () => e(de, null, [e(Z, {
+        onClick: () => l("update:visible", !1)
+      }, {
+        default: () => [m("取消")]
+      }), e(Z, {
+        type: "primary",
+        disabled: !o.value.trim(),
+        onClick: g
+      }, {
+        default: () => [m("确认")]
+      })])
+    });
   }
-}), z1 = (t, l) => {
-  const n = t.__vccOpts || t;
-  for (const [r, s] of l)
-    n[r] = s;
-  return n;
-}, O1 = /* @__PURE__ */ z1($1, [["__scopeId", "data-v-995dc22f"]]), P1 = [{
+}), m1 = [{
   value: "left",
   title: "居左",
-  Icon: pe
+  Icon: le
 }, {
   value: "center",
   title: "居中",
-  Icon: Ce
+  Icon: ne
 }, {
   value: "right",
   title: "居右",
-  Icon: ve
-}], j = (t) => t.preventDefault();
-function N1(t) {
+  Icon: oe
+}], _ = (t) => t.preventDefault();
+function w1(t) {
   if (!t.isActive("image")) return null;
   const {
     selection: l
   } = t.state;
-  if (!(l instanceof Ue) || l.node.type.name !== "image") return null;
+  if (!(l instanceof Me) || l.node.type.name !== "image") return null;
   const n = l.node;
   return {
     pos: l.from,
@@ -1457,11 +1474,11 @@ function N1(t) {
     align: n.attrs.align ?? "left"
   };
 }
-function j1(t) {
+function b1(t) {
   const l = t.startsWith("data:") ? "image.png" : t.split("/").pop()?.split("?")[0] || "image.png", n = document.createElement("a");
   n.href = t, n.download = l, document.body.appendChild(n), n.click(), document.body.removeChild(n);
 }
-const W1 = () => e("svg", {
+const k1 = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1479,7 +1496,7 @@ const W1 = () => e("svg", {
   y1: "15",
   x2: "12",
   y2: "3"
-}, null)]), K1 = () => e("svg", {
+}, null)]), x1 = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1492,7 +1509,7 @@ const W1 = () => e("svg", {
   points: "1 4 1 10 7 10"
 }, null), e("path", {
   d: "M3.51 15a9 9 0 1 0 .49-4.1L1 10"
-}, null)]), q1 = () => e("svg", {
+}, null)]), H1 = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1509,88 +1526,88 @@ const W1 = () => e("svg", {
   d: "M10 11v6M14 11v6"
 }, null), e("path", {
   d: "M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"
-}, null)]), G1 = /* @__PURE__ */ d({
+}, null)]), B1 = /* @__PURE__ */ c({
   name: "ImageControls",
   setup() {
-    const t = M("editor"), l = M("readonly"), n = B(null);
-    function r() {
-      const s = t?.value;
-      if (!s) {
+    const t = B("editor"), l = B("readonly"), n = H(null);
+    function o() {
+      const u = t?.value;
+      if (!u) {
         n.value = null;
         return;
       }
-      n.value = N1(s);
+      n.value = w1(u);
     }
-    return ie((s) => {
-      const u = t?.value;
-      u && (u.on("transaction", r), s(() => {
-        u.off("transaction", r);
+    return G((u) => {
+      const s = t?.value;
+      s && (s.on("transaction", o), u(() => {
+        s.off("transaction", o);
       }));
     }), () => {
-      const s = n.value;
-      if (!s) return null;
-      const u = t?.value;
+      const u = n.value;
       if (!u) return null;
+      const s = t?.value;
+      if (!s) return null;
       const {
-        pos: v,
-        nodeSize: f,
-        src: h,
-        align: y
-      } = s, o = l?.value ?? !1, i = u.view.nodeDOM(v);
-      if (!i || !(i instanceof HTMLElement)) return null;
-      const a = i.querySelector("[data-resize-wrapper]") ?? i, m = u.view.dom.closest(".tiptap-editor");
-      if (!m) return null;
-      const b = a.getBoundingClientRect(), A = m.getBoundingClientRect(), c = {
+        pos: f,
+        nodeSize: g,
+        src: r,
+        align: C
+      } = u, i = l?.value ?? !1, p = s.view.nodeDOM(f);
+      if (!p || !(p instanceof HTMLElement)) return null;
+      const w = p.querySelector("[data-resize-wrapper]") ?? p, I = s.view.dom.closest(".tiptap-editor");
+      if (!I) return null;
+      const x = w.getBoundingClientRect(), a = I.getBoundingClientRect(), d = {
         position: "absolute",
-        top: `${b.top - A.top}px`,
-        left: `${b.left - A.left + b.width / 2}px`,
+        top: `${x.top - a.top}px`,
+        left: `${x.left - a.left + x.width / 2}px`,
         transform: "translate(-50%, calc(-100% - 8px))",
         zIndex: 20
       };
       return e("div", {
         class: "image-controls",
-        style: c
-      }, [!o && P1.map(({
-        value: p,
-        title: C,
-        Icon: x
+        style: d
+      }, [!i && m1.map(({
+        value: v,
+        title: h,
+        Icon: A
       }) => e("button", {
-        key: p,
-        class: ["image-controls-btn", y === p && "is-active"],
-        title: C,
-        onMousedown: j,
-        onClick: () => u.chain().focus().updateAttributes("image", {
-          align: p
+        key: v,
+        class: ["image-controls-btn", C === v && "is-active"],
+        title: h,
+        onMousedown: _,
+        onClick: () => s.chain().focus().updateAttributes("image", {
+          align: v
         }).run()
-      }, [e(x, null, null)])), !o && e("span", {
+      }, [e(A, null, null)])), !i && e("span", {
         class: "image-controls-separator"
       }, null), e("button", {
         class: "image-controls-btn",
         title: "下载",
-        onMousedown: j,
-        onClick: () => j1(h)
-      }, [e(W1, null, null)]), !o && e("button", {
+        onMousedown: _,
+        onClick: () => b1(r)
+      }, [e(k1, null, null)]), !i && e("button", {
         class: "image-controls-btn",
         title: "重新上传",
-        onMousedown: j,
-        onClick: () => u.chain().focus().deleteRange({
-          from: v,
-          to: v + f
-        }).insertContentAt(v, {
+        onMousedown: _,
+        onClick: () => s.chain().focus().deleteRange({
+          from: f,
+          to: f + g
+        }).insertContentAt(f, {
           type: "imageUpload"
         }).run()
-      }, [e(K1, null, null)]), !o && e("button", {
+      }, [e(x1, null, null)]), !i && e("button", {
         class: "image-controls-btn",
         title: "删除",
-        onMousedown: j,
-        onClick: () => u.chain().focus().deleteRange({
-          from: v,
-          to: v + f
+        onMousedown: _,
+        onClick: () => s.chain().focus().deleteRange({
+          from: f,
+          to: f + g
         }).run()
-      }, [e(q1, null, null)])]);
+      }, [e(H1, null, null)])]);
     };
   }
-}), J1 = /* @__PURE__ */ d({
+}), A1 = /* @__PURE__ */ c({
   name: "CodeBlockIcon",
   setup(t, {
     attrs: l
@@ -1611,22 +1628,22 @@ const W1 = () => e("svg", {
       points: "8 6 2 12 8 18"
     }, null)]);
   }
-}), X1 = /* @__PURE__ */ d({
+}), y1 = /* @__PURE__ */ c({
   name: "CodeBlockButton",
   setup() {
-    const t = M("editor");
-    return () => e(w, {
-      icon: J1,
+    const t = B("editor");
+    return () => e(b, {
+      icon: A1,
       tooltip: "代码块",
       isActive: t?.value?.isActive("codeBlock"),
       onClick: () => t?.value?.chain().focus().toggleCodeBlock().run()
     }, null);
   }
-}), Q1 = /* @__PURE__ */ d({
+}), M1 = /* @__PURE__ */ c({
   name: "BubbleMenuBar",
   setup() {
-    const t = M("editor"), l = M("readonly");
-    return () => t?.value ? e(Qe, {
+    const t = B("editor"), l = B("readonly");
+    return () => t?.value ? e(Pe, {
       editor: t.value,
       class: "bubble-menu",
       options: {
@@ -1638,153 +1655,155 @@ const W1 = () => e("svg", {
       shouldShow: (n) => {
         if (l?.value) return !1;
         const {
-          editor: r,
-          from: s,
-          to: u
+          editor: o,
+          from: u,
+          to: s
         } = n;
-        return !(s === u || r.isActive("image") || r.isActive("table"));
+        return !(u === s || o.isActive("image") || o.isActive("table"));
       }
     }, {
       default: () => [e("div", {
         class: "bubble-menu-content"
-      }, [e(w, {
-        icon: ae,
+      }, [e(b, {
+        icon: Q,
         tooltip: "粗体",
         isActive: t.value.isActive("bold"),
         onClick: () => t.value?.chain().focus().toggleBold().run()
-      }, null), e(w, {
-        icon: se,
+      }, null), e(b, {
+        icon: Y,
         tooltip: "斜体",
         isActive: t.value.isActive("italic"),
         onClick: () => t.value?.chain().focus().toggleItalic().run()
-      }, null), e(w, {
-        icon: ce,
+      }, null), e(b, {
+        icon: ee,
         tooltip: "删除线",
         isActive: t.value.isActive("strike"),
         onClick: () => t.value?.chain().focus().toggleStrike().run()
-      }, null), e(w, {
-        icon: de,
+      }, null), e(b, {
+        icon: te,
         tooltip: "下划线",
         isActive: t.value.isActive("underline"),
         onClick: () => t.value?.chain().focus().toggleUnderline().run()
       }, null)])]
     }) : null;
   }
-}), Y1 = { class: "tiptap-editor" }, et = {
-  key: 0,
-  class: "tiptap-toolbar"
-}, gt = /* @__PURE__ */ d({
-  __name: "TiptapEditor",
+}), I1 = He(Be), W1 = /* @__PURE__ */ c({
+  name: "TiptapEditor",
   props: {
-    modelValue: { default: "" },
-    placeholder: { default: "请输入内容..." },
-    upload: {},
-    readonly: { type: Boolean, default: !1 }
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "请输入内容..."
+    },
+    upload: {
+      type: Function,
+      default: void 0
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: l }) {
-    const n = Re(_e), r = t, s = l, u = B(!1), v = B(""), f = B(null), h = B("inline"), y = S(() => r.readonly ?? !1), o = (a = {}) => {
-      y.value || (v.value = a.latex ?? "", f.value = a.pos ?? null, h.value = a.type ?? "inline", u.value = !0);
+  setup(t, {
+    emit: l
+  }) {
+    const n = H(!1), o = H(""), u = H(null), s = H("inline"), f = V(() => t.readonly ?? !1), g = (C = {}) => {
+      f.value || (o.value = C.latex ?? "", u.value = C.pos ?? null, s.value = C.type ?? "inline", n.value = !0);
     };
-    K("openMathDialog", o), K("readonly", y);
-    const i = Le({
-      content: r.modelValue,
-      editable: !r.readonly,
-      extensions: [
-        ye.configure({
-          codeBlock: !1,
-          link: {
-            openOnClick: !1,
-            enableClickSelection: !0
-          }
-        }),
-        Ze.configure({
-          placeholder: r.placeholder
-        }),
-        Fe.configure({
-          lowlight: n,
-          defaultLanguage: "plaintext"
-        }),
-        Te.configure({ types: ["heading", "paragraph"] }),
-        Ee,
-        Ve.configure({ nested: !0 }),
-        Ye.configure({
-          allowBase64: !0,
-          resize: {
-            enabled: !0,
-            directions: [
-              "top",
-              "right",
-              "bottom",
-              "left",
-              "top-right",
-              "top-left",
-              "bottom-right",
-              "bottom-left"
-            ],
-            minWidth: 50,
-            minHeight: 50,
-            alwaysPreserveAspectRatio: !1
-          }
-        }),
-        s1.configure({
-          ...r.upload ? { upload: r.upload } : {}
-        }),
-        je.configure({ resizable: !0 }),
-        Oe,
-        Pe,
-        Ne,
-        We.configure({
-          inlineOptions: {
-            onClick: (a, m) => o({ latex: a.attrs.latex, pos: m, type: "inline" })
-          },
-          blockOptions: {
-            onClick: (a, m) => o({ latex: a.attrs.latex, pos: m, type: "block" })
-          }
-        })
-      ],
-      onUpdate: ({ editor: a }) => {
-        s("update:modelValue", a.getHTML());
+    z("openMathDialog", g), z("readonly", f);
+    const r = he({
+      content: t.modelValue,
+      editable: !t.readonly,
+      extensions: [pe.configure({
+        codeBlock: !1,
+        link: {
+          openOnClick: !1,
+          enableClickSelection: !0
+        }
+      }), ke.configure({
+        placeholder: t.placeholder
+      }), xe.configure({
+        lowlight: I1,
+        defaultLanguage: "plaintext"
+      }), be.configure({
+        types: ["heading", "paragraph"]
+      }), me, we.configure({
+        nested: !0
+      }), ze.configure({
+        allowBase64: !0,
+        resize: {
+          enabled: !0,
+          directions: ["top", "right", "bottom", "left", "top-right", "top-left", "bottom-right", "bottom-left"],
+          minWidth: 50,
+          minHeight: 50,
+          alwaysPreserveAspectRatio: !1
+        }
+      }), $e.configure({
+        ...t.upload ? {
+          upload: t.upload
+        } : {}
+      }), Te.configure({
+        resizable: !0
+      }), Ee, Fe, Ve, Ze.configure({
+        inlineOptions: {
+          onClick: (C, i) => g({
+            latex: C.attrs.latex,
+            pos: i,
+            type: "inline"
+          })
+        },
+        blockOptions: {
+          onClick: (C, i) => g({
+            latex: C.attrs.latex,
+            pos: i,
+            type: "block"
+          })
+        }
+      })],
+      onUpdate: ({
+        editor: C
+      }) => {
+        l("update:modelValue", C.getHTML());
       }
     });
-    return K("editor", i), z(() => r.modelValue, (a) => {
-      i.value && a !== i.value.getHTML() && i.value.commands.setContent(a, { emitUpdate: !1 });
-    }), z(() => r.readonly, (a) => {
-      i.value?.setEditable(!a);
-    }), (a, m) => (Z(), R("div", Y1, [
-      t.readonly ? oe("", !0) : (Z(), R("div", et, [
-        e(g(C1)),
-        m[1] || (m[1] = L("div", { class: "tiptap-separator" }, null, -1)),
-        e(g(w1)),
-        e(g(X1)),
-        m[2] || (m[2] = L("div", { class: "tiptap-separator" }, null, -1)),
-        e(g(B1)),
-        m[3] || (m[3] = L("div", { class: "tiptap-separator" }, null, -1)),
-        e(g(b1)),
-        m[4] || (m[4] = L("div", { class: "tiptap-separator" }, null, -1)),
-        e(g(A1)),
-        e(g(V1)),
-        e(g(_1))
-      ])),
-      e(g(Ie), {
-        class: "tiptap-content",
-        editor: g(i)
-      }, null, 8, ["editor"]),
-      e(g(Q1)),
-      e(g(F1)),
-      e(g(G1)),
-      e(O1, {
-        visible: u.value,
-        "onUpdate:visible": m[0] || (m[0] = (b) => u.value = b),
-        latex: v.value,
-        pos: f.value,
-        type: h.value
-      }, null, 8, ["visible", "latex", "pos", "type"])
-    ]));
+    return z("editor", r), D(() => t.modelValue, (C) => {
+      r.value && C !== r.value.getHTML() && r.value.commands.setContent(C, {
+        emitUpdate: !1
+      });
+    }), D(() => t.readonly, (C) => {
+      r.value?.setEditable(!C);
+    }), () => e("div", {
+      class: "tiptap-editor"
+    }, [!t.readonly && e("div", {
+      class: "tiptap-toolbar"
+    }, [e(qe, null, null), e("div", {
+      class: "tiptap-separator"
+    }, null), e(Ye, null, null), e(y1, null, null), e("div", {
+      class: "tiptap-separator"
+    }, null), e(i1, null, null), e("div", {
+      class: "tiptap-separator"
+    }, null), e(t1, null, null), e("div", {
+      class: "tiptap-separator"
+    }, null), e(r1, null, null), e(d1, null, null), e(h1, null, null)]), e(ge, {
+      class: "tiptap-content",
+      editor: r.value
+    }, null), e(M1, null, null), e(v1, null, null), e(B1, null, null), e(g1, {
+      visible: n.value,
+      latex: o.value,
+      pos: u.value,
+      type: s.value,
+      "onUpdate:visible": (C) => {
+        n.value = C;
+      }
+    }, null)]);
   }
 });
 export {
-  w as IconButton,
-  Ye as ImageWithAlign,
-  gt as TiptapEditor
+  b as IconButton,
+  ze as ImageWithAlign,
+  W1 as TiptapEditor
 };