@mario9/tiptap-editor 0.1.1 → 0.1.3

package/dist/tiptap-editor.js

@@ -1,18 +1,21 @@
-import { defineComponent as d, computed as D, ref as H, openBlock as Z, createBlock as te, unref as x, withCtx as R, createElementBlock as F, normalizeClass as le, createElementVNode as A, createTextVNode as b, toDisplayString as P, Fragment as fe, renderList as he, normalizeStyle as me, createCommentVNode as ge, withModifiers as G, createVNode as e, mergeProps as w, inject as E, watch as N, nextTick as j, watchEffect as ne, provide as J } from "vue";
-import we from "@tiptap/starter-kit";
-import { nodeViewProps as xe, NodeViewWrapper as ke, VueNodeViewRenderer as be, useEditor as He, EditorContent as Me } from "@tiptap/vue-3";
-import { TaskList as ye, TaskItem as Ae } from "@tiptap/extension-list";
-import { TextAlign as Be } from "@tiptap/extension-text-align";
-import { Placeholder as Le } from "@tiptap/extensions";
-import { Image as Ie } from "@tiptap/extension-image";
-import { Plugin as Ee, NodeSelection as Ve } from "@tiptap/pm/state";
-import { Decoration as Te, DecorationSet as Ze } from "@tiptap/pm/view";
-import { TableRow as _e, TableHeader as Re, TableCell as Fe, Table as De } from "@tiptap/extension-table";
-import { Mathematics as Se } from "@tiptap/extension-mathematics";
-import { Node as Ue, mergeAttributes as $e } from "@tiptap/core";
-import { ElTooltip as U, ElButton as S, ElPopover as oe, ElInput as ie, ElDropdown as X, ElDropdownMenu as Q, ElDropdownItem as T, ElDialog as ze, ElRadioGroup as Pe, ElRadioButton as Y } from "element-plus";
-import Oe from "katex";
-const Ne = Ie.extend({
+import { defineComponent as c, computed as D, ref as M, openBlock as Z, createBlock as te, unref as w, withCtx as _, createElementBlock as R, normalizeClass as le, createElementVNode as y, createTextVNode as B, toDisplayString as P, Fragment as we, renderList as ke, normalizeStyle as be, createCommentVNode as xe, withModifiers as G, createVNode as e, mergeProps as b, inject as I, watch as N, nextTick as j, watchEffect as ne, provide as J } from "vue";
+import He from "@tiptap/starter-kit";
+import { nodeViewProps as Be, NodeViewWrapper as Me, VueNodeViewRenderer as Ae, useEditor as ye, EditorContent as Le } from "@tiptap/vue-3";
+import { TaskList as Ie, TaskItem as Ee } from "@tiptap/extension-list";
+import { TextAlign as Ve } from "@tiptap/extension-text-align";
+import { Placeholder as Te } from "@tiptap/extension-placeholder";
+import { CodeBlockLowlight as Ze } from "@tiptap/extension-code-block-lowlight";
+import { createLowlight as Fe, common as _e } from "lowlight";
+import { Image as Re } from "@tiptap/extension-image";
+import { Plugin as De, NodeSelection as Se } from "@tiptap/pm/state";
+import { Decoration as Ue, DecorationSet as $e } from "@tiptap/pm/view";
+import { TableRow as ze, TableHeader as Pe, TableCell as Oe, Table as Ne } from "@tiptap/extension-table";
+import { Mathematics as je } from "@tiptap/extension-mathematics";
+import { Node as We, mergeAttributes as Ke } from "@tiptap/core";
+import { ElTooltip as U, ElButton as S, ElPopover as oe, ElInput as ie, ElDropdown as X, ElDropdownMenu as Q, ElDropdownItem as T, ElDialog as qe, ElRadioGroup as Ge, ElRadioButton as Y } from "element-plus";
+import Je from "katex";
+import { BubbleMenu as Xe } from "@tiptap/vue-3/menus";
+const Qe = Re.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
@@ -26,130 +29,130 @@ const Ne = Ie.extend({
   addProseMirrorPlugins() {
     const t = this.name;
     return [
-      new Ee({
+      new De({
         props: {
           decorations(l) {
-            const o = [];
-            return l.doc.descendants((r, a) => {
-              r.type.name === t && r.attrs.align && o.push(
-                Te.node(a, a + r.nodeSize, {
-                  "data-align": r.attrs.align
+            const n = [];
+            return l.doc.descendants((i, a) => {
+              i.type.name === t && i.attrs.align && n.push(
+                Ue.node(a, a + i.nodeSize, {
+                  "data-align": i.attrs.align
                 })
               );
-            }), Ze.create(l.doc, o);
+            }), $e.create(l.doc, n);
           }
         }
       })
     ];
   }
-}), je = { class: "tiptap-image-upload-content" }, We = { class: "tiptap-image-upload-subtext" }, Ke = {
+}), Ye = { class: "tiptap-image-upload-content" }, e1 = { class: "tiptap-image-upload-subtext" }, t1 = {
   key: 1,
   class: "tiptap-image-upload-previews"
-}, qe = { class: "tiptap-image-upload-preview-content" }, Ge = { class: "tiptap-image-upload-text" }, Je = { class: "tiptap-image-upload-subtext" }, Xe = ["onClick"], Qe = ["accept", "multiple"], Ye = /* @__PURE__ */ d({
+}, l1 = { class: "tiptap-image-upload-preview-content" }, n1 = { class: "tiptap-image-upload-text" }, o1 = { class: "tiptap-image-upload-subtext" }, i1 = ["onClick"], r1 = ["accept", "multiple"], u1 = /* @__PURE__ */ c({
   __name: "ImageUploadView",
-  props: xe,
+  props: Be,
   setup(t) {
-    const l = t, o = D(() => l.node.attrs.accept), r = D(() => l.node.attrs.limit), a = D(() => l.node.attrs.maxSize), u = H([]), h = H(), m = H(!1), C = async (s) => {
-      if (a.value > 0 && s.size > a.value)
+    const l = t, n = D(() => l.node.attrs.accept), i = D(() => l.node.attrs.limit), a = D(() => l.node.attrs.maxSize), u = M([]), h = M(), m = M(!1), f = async (d) => {
+      if (a.value > 0 && d.size > a.value)
         return l.extension.options.onError?.(
           new Error(`文件大小超出限制 ${a.value / 1024 / 1024}MB`)
         ), null;
-      const c = crypto.randomUUID();
-      u.value.push({ id: c, file: s, progress: 0, status: "uploading" });
+      const p = crypto.randomUUID();
+      u.value.push({ id: p, file: d, progress: 0, status: "uploading" });
       try {
         const v = l.extension.options.upload;
         if (!v) throw new Error("未配置 upload 函数");
-        const y = await v(s);
-        if (!y) throw new Error("上传失败：未返回 URL");
-        const k = u.value.find((I) => I.id === c);
-        return k && (k.status = "success", k.progress = 100), l.extension.options.onSuccess?.(y), y;
+        const A = await v(d);
+        if (!A) throw new Error("上传失败：未返回 URL");
+        const H = u.value.find((E) => E.id === p);
+        return H && (H.status = "success", H.progress = 100), l.extension.options.onSuccess?.(A), A;
       } catch (v) {
-        const y = u.value.find((k) => k.id === c);
-        return y && (y.status = "error", y.progress = 0), l.extension.options.onError?.(v instanceof Error ? v : new Error("上传失败")), null;
+        const A = u.value.find((H) => H.id === p);
+        return A && (A.status = "error", A.progress = 0), l.extension.options.onError?.(v instanceof Error ? v : new Error("上传失败")), null;
       }
-    }, p = async (s) => {
-      if (!s.length) return;
-      if (s.length > r.value) {
-        l.extension.options.onError?.(new Error(`最多上传 ${r.value} 个文件`));
+    }, C = async (d) => {
+      if (!d.length) return;
+      if (d.length > i.value) {
+        l.extension.options.onError?.(new Error(`最多上传 ${i.value} 个文件`));
         return;
       }
-      const c = (await Promise.all(s.map(C))).filter((v) => !!v);
-      if (c.length > 0) {
+      const p = (await Promise.all(d.map(f))).filter((v) => !!v);
+      if (p.length > 0) {
         const v = l.getPos();
         if (typeof v != "number") return;
-        const y = c.map((k) => ({ type: "image", attrs: { src: k } }));
-        l.editor.chain().focus().deleteRange({ from: v, to: v + l.node.nodeSize }).insertContentAt(v, y).run();
+        const A = p.map((H) => ({ type: "image", attrs: { src: H } }));
+        l.editor.chain().focus().deleteRange({ from: v, to: v + l.node.nodeSize }).insertContentAt(v, A).run();
       }
-    }, n = () => {
+    }, o = () => {
       u.value.length === 0 && h.value && (h.value.value = "", h.value.click());
-    }, i = (s) => {
-      const c = s.target.files;
-      c && p(Array.from(c));
-    }, f = (s) => {
-      s.preventDefault(), m.value = !0;
-    }, M = (s) => {
-      s.currentTarget.contains(s.relatedTarget) || (m.value = !1);
-    }, L = (s) => {
-      s.preventDefault(), m.value = !1;
-      const c = Array.from(s.dataTransfer?.files ?? []);
-      c.length && p(c);
-    }, g = (s) => {
-      u.value = u.value.filter((c) => c.id !== s);
+    }, r = (d) => {
+      const p = d.target.files;
+      p && C(Array.from(p));
+    }, s = (d) => {
+      d.preventDefault(), m.value = !0;
+    }, x = (d) => {
+      d.currentTarget.contains(d.relatedTarget) || (m.value = !1);
+    }, L = (d) => {
+      d.preventDefault(), m.value = !1;
+      const p = Array.from(d.dataTransfer?.files ?? []);
+      p.length && C(p);
+    }, g = (d) => {
+      u.value = u.value.filter((p) => p.id !== d);
     };
-    return (s, c) => (Z(), te(x(ke), {
+    return (d, p) => (Z(), te(w(Me), {
       class: "tiptap-image-upload",
-      onClick: n
+      onClick: o
     }, {
-      default: R(() => [
-        u.value.length ? (Z(), F("div", Ke, [
-          (Z(!0), F(fe, null, he(u.value, (v) => (Z(), F("div", {
+      default: _(() => [
+        u.value.length ? (Z(), R("div", t1, [
+          (Z(!0), R(we, null, ke(u.value, (v) => (Z(), R("div", {
             key: v.id,
             class: "tiptap-image-upload-preview"
           }, [
-            v.status === "uploading" ? (Z(), F("div", {
+            v.status === "uploading" ? (Z(), R("div", {
               key: 0,
               class: "tiptap-image-upload-progress",
-              style: me({ width: `${v.progress}%` })
-            }, null, 4)) : ge("", !0),
-            A("div", qe, [
-              A("span", Ge, P(v.file.name), 1),
-              A("span", Je, P(v.status === "uploading" ? `${v.progress}%` : v.status === "error" ? "上传失败" : "上传成功"), 1),
-              A("button", {
+              style: be({ width: `${v.progress}%` })
+            }, null, 4)) : xe("", !0),
+            y("div", l1, [
+              y("span", n1, P(v.file.name), 1),
+              y("span", o1, P(v.status === "uploading" ? `${v.progress}%` : v.status === "error" ? "上传失败" : "上传成功"), 1),
+              y("button", {
                 class: "tiptap-image-upload-remove",
-                onClick: G((y) => g(v.id), ["stop"])
-              }, "×", 8, Xe)
+                onClick: G((A) => g(v.id), ["stop"])
+              }, "×", 8, i1)
             ])
           ]))), 128))
-        ])) : (Z(), F("div", {
+        ])) : (Z(), R("div", {
           key: 0,
           class: le(["tiptap-image-upload-drag-area", { "drag-active": m.value }]),
-          onDragover: f,
-          onDragleave: M,
+          onDragover: s,
+          onDragleave: x,
           onDrop: L
         }, [
-          A("div", je, [
-            c[1] || (c[1] = A("span", { class: "tiptap-image-upload-text" }, [
-              A("em", null, "点击上传"),
-              b(" 或拖拽图片到此处")
+          y("div", Ye, [
+            p[1] || (p[1] = y("span", { class: "tiptap-image-upload-text" }, [
+              y("em", null, "点击上传"),
+              B(" 或拖拽图片到此处")
             ], -1)),
-            A("span", We, " 最多 " + P(r.value) + " 个文件" + P(a.value ? `，每个不超过 ${a.value / 1024 / 1024}MB` : ""), 1)
+            y("span", e1, " 最多 " + P(i.value) + " 个文件" + P(a.value ? `，每个不超过 ${a.value / 1024 / 1024}MB` : ""), 1)
           ])
         ], 34)),
-        A("input", {
+        y("input", {
           ref_key: "inputRef",
           ref: h,
           type: "file",
-          accept: o.value,
-          multiple: r.value > 1,
-          onChange: i,
-          onClick: c[0] || (c[0] = G(() => {
+          accept: n.value,
+          multiple: i.value > 1,
+          onChange: r,
+          onClick: p[0] || (p[0] = G(() => {
           }, ["stop"]))
-        }, null, 40, Qe)
+        }, null, 40, r1)
       ]),
       _: 1
     }));
   }
-}), e1 = Ue.create({
+}), a1 = We.create({
   name: "imageUpload",
   group: "block",
   draggable: !0,
@@ -162,8 +165,8 @@ const Ne = Ie.extend({
       limit: 1,
       maxSize: 0,
       upload: (t) => new Promise((l) => {
-        const o = new FileReader();
-        o.onloadend = () => l(o.result), o.readAsDataURL(t);
+        const n = new FileReader();
+        n.onloadend = () => l(n.result), n.readAsDataURL(t);
       }),
       onError: void 0,
       onSuccess: void 0,
@@ -191,12 +194,12 @@ const Ne = Ie.extend({
   renderHTML({
     HTMLAttributes: t
   }) {
-    return ["div", $e({
+    return ["div", Ke({
       "data-type": "image-upload"
     }, t)];
   },
   addNodeView() {
-    return be(Ye);
+    return Ae(u1);
   },
   addCommands() {
     return {
@@ -215,12 +218,12 @@ const Ne = Ie.extend({
         const {
           selection: l
         } = t.state, {
-          nodeAfter: o
+          nodeAfter: n
         } = l.$from;
-        if (o?.type.name === "imageUpload" && t.isActive("imageUpload")) {
-          const r = t.view.nodeDOM(l.$from.pos);
-          if (r instanceof HTMLElement) {
-            const a = r.firstChild;
+        if (n?.type.name === "imageUpload" && t.isActive("imageUpload")) {
+          const i = t.view.nodeDOM(l.$from.pos);
+          if (i instanceof HTMLElement) {
+            const a = i.firstChild;
             if (a instanceof HTMLElement)
               return a.click(), !0;
           }
@@ -229,7 +232,7 @@ const Ne = Ie.extend({
       }
     };
   }
-}), t1 = {
+}), s1 = {
   icon: {
     type: Object,
     required: !0
@@ -248,9 +251,9 @@ const Ne = Ie.extend({
   onClick: {
     type: Function
   }
-}, B = /* @__PURE__ */ d({
+}, k = /* @__PURE__ */ c({
   name: "IconButton",
-  props: t1,
+  props: s1,
   setup(t) {
     return () => e(U, {
       showArrow: !1,
@@ -268,12 +271,12 @@ const Ne = Ie.extend({
       }, null)]
     });
   }
-}), l1 = /* @__PURE__ */ d({
+}), c1 = /* @__PURE__ */ c({
   name: "UndoIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -286,12 +289,12 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), n1 = /* @__PURE__ */ d({
+}), d1 = /* @__PURE__ */ c({
   name: "RedoIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -304,28 +307,28 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), o1 = /* @__PURE__ */ d({
+}), p1 = /* @__PURE__ */ c({
   name: "UndoRedoButton",
   setup() {
-    const t = E("editor"), l = D(() => t?.value?.can().undo() ?? !1), o = D(() => t?.value?.can().redo() ?? !1);
-    return () => e("div", null, [e(B, {
-      icon: l1,
+    const t = I("editor"), l = D(() => t?.value?.can().undo() ?? !1), n = D(() => t?.value?.can().redo() ?? !1);
+    return () => e("div", null, [e(k, {
+      icon: c1,
       tooltip: "撤销",
       disabled: !l.value,
       onClick: () => t?.value?.chain().focus().undo().run()
-    }, null), e(B, {
-      icon: n1,
+    }, null), e(k, {
+      icon: d1,
       tooltip: "重做",
-      disabled: !o.value,
+      disabled: !n.value,
       onClick: () => t?.value?.chain().focus().redo().run()
     }, null)]);
   }
-}), i1 = /* @__PURE__ */ d({
+}), C1 = /* @__PURE__ */ c({
   name: "LinkIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -339,12 +342,12 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), r1 = /* @__PURE__ */ d({
+}), v1 = /* @__PURE__ */ c({
   name: "CornerDownLeftIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -360,12 +363,12 @@ const Ne = Ie.extend({
       d: "M20 4v7a4 4 0 0 1-4 4H4"
     }, null)]);
   }
-}), u1 = /* @__PURE__ */ d({
+}), f1 = /* @__PURE__ */ c({
   name: "ExternalLinkIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -386,12 +389,12 @@ const Ne = Ie.extend({
       y2: "3"
     }, null)]);
   }
-}), a1 = /* @__PURE__ */ d({
+}), h1 = /* @__PURE__ */ c({
   name: "TrashIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -407,52 +410,52 @@ const Ne = Ie.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)]);
   }
-}), s1 = /* @__PURE__ */ d({
+}), m1 = /* @__PURE__ */ c({
   name: "LinkPopover",
   setup() {
-    const t = E("editor"), l = H(!1), o = H("");
-    let r = !1;
-    N(() => t?.value?.isActive("link"), (n) => {
-      r || n && (o.value = t?.value?.getAttributes("link").href ?? "", j(() => {
+    const t = I("editor"), l = M(!1), n = M("");
+    let i = !1;
+    N(() => t?.value?.isActive("link"), (o) => {
+      i || o && (n.value = t?.value?.getAttributes("link").href ?? "", j(() => {
         l.value = !0;
       }));
     });
     const a = () => {
-      const n = t?.value;
-      if (!n || !o.value) return;
-      r = !0;
+      const o = t?.value;
+      if (!o || !n.value) return;
+      i = !0;
       const {
-        empty: i
-      } = n.state.selection;
-      let f = n.chain().focus().extendMarkRange("link").setLink({
-        href: o.value
+        empty: r
+      } = o.state.selection;
+      let s = o.chain().focus().extendMarkRange("link").setLink({
+        href: n.value
       });
-      i && (f = f.insertContent({
+      r && (s = s.insertContent({
         type: "text",
-        text: o.value
-      })), f.run(), l.value = !1, j(() => {
-        r = !1;
+        text: n.value
+      })), s.run(), l.value = !1, j(() => {
+        i = !1;
       });
     }, u = () => {
-      const n = t?.value;
-      n && (r = !0, n.chain().focus().extendMarkRange("link").unsetLink().run(), o.value = "", l.value = !1, j(() => {
-        r = !1;
+      const o = t?.value;
+      o && (i = !0, o.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", l.value = !1, j(() => {
+        i = !1;
       }));
     }, h = () => {
-      const n = t?.value?.getAttributes("link").href;
-      n && window.open(n, "_blank", "noopener,noreferrer");
-    }, m = (n) => {
-      n.key === "Enter" && (n.preventDefault(), a());
-    }, C = (n) => {
-      n && (o.value = t?.value?.getAttributes("link").href ?? ""), l.value = n;
-    }, p = (n) => {
-      o.value = n;
+      const o = t?.value?.getAttributes("link").href;
+      o && window.open(o, "_blank", "noopener,noreferrer");
+    }, m = (o) => {
+      o.key === "Enter" && (o.preventDefault(), a());
+    }, f = (o) => {
+      o && (n.value = t?.value?.getAttributes("link").href ?? ""), l.value = o;
+    }, C = (o) => {
+      n.value = o;
     };
     return () => {
-      const n = t?.value?.isActive("link") ?? !1;
+      const o = t?.value?.isActive("link") ?? !1;
       return e(oe, {
         visible: l.value,
-        "onUpdate:visible": C,
+        "onUpdate:visible": f,
         placement: "bottom",
         width: 300,
         trigger: "click",
@@ -460,18 +463,18 @@ const Ne = Ie.extend({
         popperClass: "link-popover-popper",
         offset: 6
       }, {
-        reference: () => e("span", null, [e(B, {
+        reference: () => e("span", null, [e(k, {
           tooltip: "链接",
-          icon: i1,
+          icon: C1,
           class: ["tiptap-button", {
-            "is-active": n
+            "is-active": o
           }]
         }, null)]),
         default: () => e("div", {
           class: "link-popover-inner"
         }, [e(ie, {
-          modelValue: o.value,
-          "onUpdate:modelValue": p,
+          modelValue: n.value,
+          "onUpdate:modelValue": C,
           type: "url",
           placeholder: "请输入链接...",
           size: "small",
@@ -486,8 +489,8 @@ const Ne = Ie.extend({
         }, {
           default: () => [e(S, {
             text: !0,
-            icon: r1,
-            disabled: !o.value,
+            icon: v1,
+            disabled: !n.value,
             onClick: a
           }, null)]
         }), e(U, {
@@ -497,8 +500,8 @@ const Ne = Ie.extend({
         }, {
           default: () => [e(S, {
             text: !0,
-            icon: u1,
-            disabled: !o.value && !n,
+            icon: f1,
+            disabled: !n.value && !o,
             onClick: h
           }, null)]
         }), e(U, {
@@ -508,20 +511,20 @@ const Ne = Ie.extend({
         }, {
           default: () => [e(S, {
             text: !0,
-            icon: a1,
-            disabled: !n,
+            icon: h1,
+            disabled: !o,
             onClick: u
           }, null)]
         })])])
       });
     };
   }
-}), c1 = /* @__PURE__ */ d({
+}), re = /* @__PURE__ */ c({
   name: "BoldIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -534,12 +537,12 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), d1 = /* @__PURE__ */ d({
+}), ue = /* @__PURE__ */ c({
   name: "ItalicIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -550,12 +553,12 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), p1 = /* @__PURE__ */ d({
+}), ae = /* @__PURE__ */ c({
   name: "StrikeIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -569,12 +572,12 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), C1 = /* @__PURE__ */ d({
+}), se = /* @__PURE__ */ c({
   name: "UnderlineIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -587,38 +590,38 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), v1 = /* @__PURE__ */ d({
+}), g1 = /* @__PURE__ */ c({
   name: "TextStyleButton",
   setup() {
-    const t = E("editor");
-    return () => e("div", null, [e(B, {
-      icon: c1,
+    const t = I("editor");
+    return () => e("div", null, [e(k, {
+      icon: re,
       tooltip: "粗体",
       isActive: t?.value?.isActive("bold"),
       onClick: () => t?.value?.chain().focus().toggleBold().run()
-    }, null), e(B, {
-      icon: d1,
+    }, null), e(k, {
+      icon: ue,
       tooltip: "斜体",
       isActive: t?.value?.isActive("italic"),
       onClick: () => t?.value?.chain().focus().toggleItalic().run()
-    }, null), e(B, {
-      icon: p1,
+    }, null), e(k, {
+      icon: ae,
       tooltip: "删除线",
       isActive: t?.value?.isActive("strike"),
       onClick: () => t?.value?.chain().focus().toggleStrike().run()
-    }, null), e(B, {
-      icon: C1,
+    }, null), e(k, {
+      icon: se,
       tooltip: "下划线",
       isActive: t?.value?.isActive("underline"),
       onClick: () => t?.value?.chain().focus().toggleUnderline().run()
-    }, null), e(s1, null, null)]);
+    }, null), e(m1, null, null)]);
   }
-}), re = /* @__PURE__ */ d({
+}), ce = /* @__PURE__ */ c({
   name: "AlignLeftIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -641,12 +644,12 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), ue = /* @__PURE__ */ d({
+}), de = /* @__PURE__ */ c({
   name: "AlignCenterIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -669,12 +672,12 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), ae = /* @__PURE__ */ d({
+}), pe = /* @__PURE__ */ c({
   name: "AlignRightIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -697,12 +700,12 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), f1 = /* @__PURE__ */ d({
+}), w1 = /* @__PURE__ */ c({
   name: "AlignJustifyIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -725,33 +728,33 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), h1 = /* @__PURE__ */ d({
+}), k1 = /* @__PURE__ */ c({
   name: "TextAlignButton",
   setup() {
-    const t = E("editor");
-    return () => e("div", null, [e(B, {
-      icon: re,
+    const t = I("editor");
+    return () => e("div", null, [e(k, {
+      icon: ce,
       tooltip: "左边对齐",
       isActive: t?.value?.isActive({
         textAlign: "left"
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("left").run()
-    }, null), e(B, {
-      icon: ue,
+    }, null), e(k, {
+      icon: de,
       tooltip: "中间对齐",
       isActive: t?.value?.isActive({
         textAlign: "center"
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("center").run()
-    }, null), e(B, {
-      icon: ae,
+    }, null), e(k, {
+      icon: pe,
       tooltip: "右边对齐",
       isActive: t?.value?.isActive({
         textAlign: "right"
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("right").run()
-    }, null), e(B, {
-      icon: f1,
+    }, null), e(k, {
+      icon: w1,
       tooltip: "两端对齐",
       isActive: t?.value?.isActive({
         textAlign: "justify"
@@ -759,12 +762,12 @@ const Ne = Ie.extend({
       onClick: () => t?.value?.chain().focus().setTextAlign("justify").run()
     }, null)]);
   }
-}), m1 = /* @__PURE__ */ d({
+}), b1 = /* @__PURE__ */ c({
   name: "ListIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -802,12 +805,12 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), g1 = /* @__PURE__ */ d({
+}), x1 = /* @__PURE__ */ c({
   name: "ListOrderedIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -845,12 +848,12 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), w1 = /* @__PURE__ */ d({
+}), H1 = /* @__PURE__ */ c({
   name: "ListTodoIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -883,33 +886,33 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), x1 = /* @__PURE__ */ d({
+}), B1 = /* @__PURE__ */ c({
   name: "ListButton",
   setup() {
-    const t = E("editor");
-    return () => e("div", null, [e(B, {
-      icon: m1,
+    const t = I("editor");
+    return () => e("div", null, [e(k, {
+      icon: b1,
       tooltip: "无序列表",
       isActive: t?.value?.isActive("bulletList"),
       onClick: () => t?.value?.chain().focus().toggleBulletList().run()
-    }, null), e(B, {
-      icon: g1,
+    }, null), e(k, {
+      icon: x1,
       tooltip: "有序列表",
       isActive: t?.value?.isActive("orderedList"),
       onClick: () => t?.value?.chain().focus().toggleOrderedList().run()
-    }, null), e(B, {
-      icon: w1,
+    }, null), e(k, {
+      icon: H1,
       tooltip: "任务列表",
       isActive: t?.value?.isActive("taskList"),
       onClick: () => t?.value?.chain().focus().toggleTaskList().run()
     }, null)]);
   }
-}), k1 = /* @__PURE__ */ d({
+}), M1 = /* @__PURE__ */ c({
   name: "ImagePlusIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -922,22 +925,22 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), b1 = /* @__PURE__ */ d({
+}), A1 = /* @__PURE__ */ c({
   name: "ImageButton",
   setup() {
-    const t = E("editor");
-    return () => e("div", null, [e(B, {
-      icon: k1,
+    const t = I("editor");
+    return () => e("div", null, [e(k, {
+      icon: M1,
       tooltip: "图片",
       onClick: () => t?.value?.commands.setImageUploadNode()
     }, null)]);
   }
-}), H1 = /* @__PURE__ */ d({
+}), y1 = /* @__PURE__ */ c({
   name: "TableIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -950,16 +953,16 @@ const Ne = Ie.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), M1 = 8, y1 = 8, A1 = /* @__PURE__ */ d({
+}), L1 = 8, I1 = 8, E1 = /* @__PURE__ */ c({
   name: "TableButton",
   setup() {
-    const t = E("editor"), l = H(!1), o = H(0), r = H(0), a = (m, C) => {
-      o.value = m, r.value = C;
+    const t = I("editor"), l = M(!1), n = M(0), i = M(0), a = (m, f) => {
+      n.value = m, i.value = f;
     }, u = () => {
-      o.value = 0, r.value = 0;
-    }, h = (m, C) => {
+      n.value = 0, i.value = 0;
+    }, h = (m, f) => {
       t?.value?.chain().focus().insertTable({
-        rows: C,
+        rows: f,
         cols: m,
         withHeaderRow: !0
       }).run(), l.value = !1;
@@ -985,7 +988,7 @@ const Ne = Ie.extend({
             "is-active": l.value
           }]
         }, {
-          default: () => [e(H1, {
+          default: () => [e(y1, {
             class: "tiptap-button-icon"
           }, null)]
         })]
@@ -996,32 +999,32 @@ const Ne = Ie.extend({
         class: "table-picker-grid",
         onMouseleave: u
       }, [Array.from({
-        length: y1
-      }, (m, C) => e("div", {
-        key: C,
+        length: I1
+      }, (m, f) => e("div", {
+        key: f,
         class: "table-picker-row"
       }, [Array.from({
-        length: M1
-      }, (p, n) => e("div", {
-        key: n,
+        length: L1
+      }, (C, o) => e("div", {
+        key: o,
         class: ["table-picker-cell", {
-          "is-active": n < o.value && C < r.value
+          "is-active": o < n.value && f < i.value
         }],
-        onMouseenter: () => a(n + 1, C + 1),
-        onClick: () => h(n + 1, C + 1)
+        onMouseenter: () => a(o + 1, f + 1),
+        onClick: () => h(o + 1, f + 1)
       }, null))]))]), e("div", {
         class: "table-picker-footer"
       }, [e("div", {
         class: "table-picker-counter"
-      }, [e("span", null, [b("列")]), e("span", null, [o.value || 1])]), e("span", {
+      }, [e("span", null, [B("列")]), e("span", null, [n.value || 1])]), e("span", {
         class: "table-picker-x"
-      }, [b("x")]), e("div", {
+      }, [B("x")]), e("div", {
         class: "table-picker-counter"
-      }, [e("span", null, [b("行")]), e("span", null, [r.value || 1])])])])
+      }, [e("span", null, [B("行")]), e("span", null, [i.value || 1])])])])
     });
   }
 });
-function B1(t) {
+function V1(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;
@@ -1029,104 +1032,104 @@ function B1(t) {
   }
   return null;
 }
-function L1(t) {
+function T1(t) {
   if (!t.isActive("tableCell") && !t.isActive("tableHeader")) return null;
   const {
     node: l
-  } = t.view.domAtPos(t.state.selection.from), o = B1(l);
-  if (!o) return null;
-  const r = o.parentElement, a = r.parentElement, u = o.closest("table");
+  } = t.view.domAtPos(t.state.selection.from), n = V1(l);
+  if (!n) return null;
+  const i = n.parentElement, a = i.parentElement, u = n.closest("table");
   if (!u) return null;
-  const h = Array.from(r.children).indexOf(o), m = Array.from(a.children).indexOf(r), C = r.children.length, p = a.children.length, n = o.getBoundingClientRect(), i = u.getBoundingClientRect(), f = t.view.dom.closest(".tiptap-editor").getBoundingClientRect();
+  const h = Array.from(i.children).indexOf(n), m = Array.from(a.children).indexOf(i), f = i.children.length, C = a.children.length, o = n.getBoundingClientRect(), r = u.getBoundingClientRect(), s = t.view.dom.closest(".tiptap-editor").getBoundingClientRect();
   return {
-    cell: o,
+    cell: n,
     colIndex: h,
     rowIndex: m,
-    totalCols: C,
-    totalRows: p,
-    cellRect: n,
-    tableRect: i,
-    editorRect: f
+    totalCols: f,
+    totalRows: C,
+    cellRect: o,
+    tableRect: r,
+    editorRect: s
   };
 }
 function ee(t) {
   const {
     state: l
-  } = t, o = l.selection.from;
-  let r = null;
+  } = t, n = l.selection.from;
+  let i = null;
   return l.doc.nodesBetween(0, l.doc.content.size, (a, u) => {
-    if (a.type.name === "table" && u <= o && o <= u + a.nodeSize)
-      return r = {
+    if (a.type.name === "table" && u <= n && n <= u + a.nodeSize)
+      return i = {
         node: a,
         pos: u
       }, !1;
-  }), r;
+  }), i;
 }
-const I1 = /* @__PURE__ */ d({
+const Z1 = /* @__PURE__ */ c({
   name: "TableControls",
   setup() {
-    const t = E("editor"), l = H(null), o = H(null);
-    function r() {
-      const p = t?.value;
-      if (o.value && (o.value.classList.remove("tcc-cell-focused"), o.value = null), !p) {
+    const t = I("editor"), l = M(null), n = M(null);
+    function i() {
+      const C = t?.value;
+      if (n.value && (n.value.classList.remove("tcc-cell-focused"), n.value = null), !C) {
         l.value = null;
         return;
       }
-      const n = L1(p);
-      l.value = n, n && (n.cell.classList.add("tcc-cell-focused"), o.value = n.cell);
+      const o = T1(C);
+      l.value = o, o && (o.cell.classList.add("tcc-cell-focused"), n.value = o.cell);
     }
-    ne((p) => {
-      const n = t?.value;
-      n && (n.on("selectionUpdate", r), n.on("transaction", r), p(() => {
-        n.off("selectionUpdate", r), n.off("transaction", r), o.value && (o.value.classList.remove("tcc-cell-focused"), o.value = null);
+    ne((C) => {
+      const o = t?.value;
+      o && (o.on("selectionUpdate", i), o.on("transaction", i), C(() => {
+        o.off("selectionUpdate", i), o.off("transaction", i), n.value && (n.value.classList.remove("tcc-cell-focused"), n.value = null);
       }));
     });
-    function a(p) {
-      const n = t?.value;
-      if (!n || !l.value) return;
+    function a(C) {
+      const o = t?.value;
+      if (!o || !l.value) return;
       const {
-        colIndex: i,
-        totalCols: f
-      } = l.value, M = p === "left" ? i - 1 : i + 1;
-      if (M < 0 || M >= f) return;
-      const L = ee(n);
+        colIndex: r,
+        totalCols: s
+      } = l.value, x = C === "left" ? r - 1 : r + 1;
+      if (x < 0 || x >= s) return;
+      const L = ee(o);
       if (!L) return;
       const {
         node: g,
-        pos: s
-      } = L, c = [];
-      g.forEach((k) => {
-        if (k.type.name !== "tableRow") {
-          c.push(k);
+        pos: d
+      } = L, p = [];
+      g.forEach((H) => {
+        if (H.type.name !== "tableRow") {
+          p.push(H);
           return;
         }
-        const I = [];
-        k.forEach((z) => I.push(z));
-        const $ = I[i];
-        I[i] = I[M], I[M] = $, c.push(k.type.create(k.attrs, I, k.marks));
+        const E = [];
+        H.forEach((z) => E.push(z));
+        const $ = E[r];
+        E[r] = E[x], E[x] = $, p.push(H.type.create(H.attrs, E, H.marks));
       });
-      const v = g.type.create(g.attrs, c, g.marks), y = n.state.tr.replaceWith(s, s + g.nodeSize, v);
-      n.view.dispatch(y);
+      const v = g.type.create(g.attrs, p, g.marks), A = o.state.tr.replaceWith(d, d + g.nodeSize, v);
+      o.view.dispatch(A);
     }
-    function u(p) {
-      const n = t?.value;
-      if (!n || !l.value) return;
+    function u(C) {
+      const o = t?.value;
+      if (!o || !l.value) return;
       const {
-        rowIndex: i,
-        totalRows: f
-      } = l.value, M = p === "up" ? i - 1 : i + 1;
-      if (M < 0 || M >= f) return;
-      const L = ee(n);
+        rowIndex: r,
+        totalRows: s
+      } = l.value, x = C === "up" ? r - 1 : r + 1;
+      if (x < 0 || x >= s) return;
+      const L = ee(o);
       if (!L) return;
       const {
         node: g,
-        pos: s
-      } = L, c = [];
-      g.forEach((I) => c.push(I));
-      const v = c[i];
-      c[i] = c[M], c[M] = v;
-      const y = g.type.create(g.attrs, c, g.marks), k = n.state.tr.replaceWith(s, s + g.nodeSize, y);
-      n.view.dispatch(k);
+        pos: d
+      } = L, p = [];
+      g.forEach((E) => p.push(E));
+      const v = p[r];
+      p[r] = p[x], p[x] = v;
+      const A = g.type.create(g.attrs, p, g.marks), H = o.state.tr.replaceWith(d, d + g.nodeSize, A);
+      o.view.dispatch(H);
     }
     const h = () => e("svg", {
       width: "16",
@@ -1162,7 +1165,7 @@ const I1 = /* @__PURE__ */ d({
       cx: "2",
       cy: "14",
       r: "1.5"
-    }, null)]), C = () => e("svg", {
+    }, null)]), f = () => e("svg", {
       width: "10",
       height: "10",
       viewBox: "0 0 10 10",
@@ -1174,41 +1177,41 @@ const I1 = /* @__PURE__ */ d({
       d: "M5 1v8M1 5h8"
     }, null)]);
     return () => {
-      const p = l.value;
-      if (!p) return null;
+      const C = l.value;
+      if (!C) return null;
       const {
-        colIndex: n,
-        rowIndex: i,
-        totalCols: f,
-        totalRows: M,
+        colIndex: o,
+        rowIndex: r,
+        totalCols: s,
+        totalRows: x,
         cellRect: L,
         tableRect: g,
-        editorRect: s
-      } = p, c = g.top - s.top, v = g.left - s.left, y = g.right - s.left, k = g.bottom - s.top, I = L.left - s.left, $ = L.top - s.top, z = L.width, W = L.height, se = {
+        editorRect: d
+      } = C, p = g.top - d.top, v = g.left - d.left, A = g.right - d.left, H = g.bottom - d.top, E = L.left - d.left, $ = L.top - d.top, z = L.width, W = L.height, Ce = {
         position: "absolute",
-        top: `${c - 20}px`,
-        left: `${I + z / 2 - 18}px`
-      }, ce = {
+        top: `${p - 20}px`,
+        left: `${E + z / 2 - 18}px`
+      }, ve = {
         position: "absolute",
         top: `${$ + W / 2 - 18}px`,
         left: `${v - 20}px`
-      }, de = {
+      }, fe = {
         position: "absolute",
         top: `${$ + W / 2 - 12}px`,
-        left: `${y + 6}px`
-      }, pe = {
+        left: `${A + 6}px`
+      }, he = {
         position: "absolute",
-        top: `${k + 6}px`,
-        left: `${I + z / 2 - 12}px`
-      }, Ce = n === 0, K = n === f - 1, ve = i === 0, q = i === M - 1, _ = t?.value;
+        top: `${H + 6}px`,
+        left: `${E + z / 2 - 12}px`
+      }, me = o === 0, K = o === s - 1, ge = r === 0, q = r === x - 1, F = t?.value;
       return e("div", {
         class: "table-cell-controls"
       }, [e(X, {
         trigger: "click",
         placement: "bottom",
-        style: se,
+        style: Ce,
         onCommand: (V) => {
-          V === "move-left" ? a("left") : V === "move-right" ? a("right") : V === "insert-left" ? _?.chain().focus().addColumnBefore().run() : V === "insert-right" ? _?.chain().focus().addColumnAfter().run() : V === "delete" && _?.chain().focus().deleteColumn().run();
+          V === "move-left" ? a("left") : V === "move-right" ? a("right") : V === "insert-left" ? F?.chain().focus().addColumnBefore().run() : V === "insert-right" ? F?.chain().focus().addColumnAfter().run() : V === "delete" && F?.chain().focus().deleteColumn().run();
         }
       }, {
         default: () => [e("button", {
@@ -1217,35 +1220,35 @@ const I1 = /* @__PURE__ */ d({
         dropdown: () => e(Q, null, {
           default: () => [e(T, {
             command: "move-left",
-            disabled: Ce
+            disabled: me
           }, {
-            default: () => [b("移动列到左侧")]
+            default: () => [B("移动列到左侧")]
           }), e(T, {
             command: "move-right",
             disabled: K
           }, {
-            default: () => [b("移动列到右侧")]
+            default: () => [B("移动列到右侧")]
           }), e(T, {
             command: "insert-left"
           }, {
-            default: () => [b("在左侧插入一列")]
+            default: () => [B("在左侧插入一列")]
           }), e(T, {
             command: "insert-right"
           }, {
-            default: () => [b("在右侧插入一列")]
+            default: () => [B("在右侧插入一列")]
           }), e(T, {
             command: "delete",
             divided: !0
           }, {
-            default: () => [b("删除列")]
+            default: () => [B("删除列")]
           })]
         })
       }), e(X, {
         trigger: "click",
         placement: "right",
-        style: ce,
+        style: ve,
         onCommand: (V) => {
-          V === "move-up" ? u("up") : V === "move-down" ? u("down") : V === "insert-above" ? _?.chain().focus().addRowBefore().run() : V === "insert-below" ? _?.chain().focus().addRowAfter().run() : V === "delete" && _?.chain().focus().deleteRow().run();
+          V === "move-up" ? u("up") : V === "move-down" ? u("down") : V === "insert-above" ? F?.chain().focus().addRowBefore().run() : V === "insert-below" ? F?.chain().focus().addRowAfter().run() : V === "delete" && F?.chain().focus().deleteRow().run();
         }
       }, {
         default: () => [e("button", {
@@ -1254,46 +1257,46 @@ const I1 = /* @__PURE__ */ d({
         dropdown: () => e(Q, null, {
           default: () => [e(T, {
             command: "move-up",
-            disabled: ve
+            disabled: ge
           }, {
-            default: () => [b("上移")]
+            default: () => [B("上移")]
           }), e(T, {
             command: "move-down",
             disabled: q
           }, {
-            default: () => [b("下移")]
+            default: () => [B("下移")]
           }), e(T, {
             command: "insert-above"
           }, {
-            default: () => [b("在上方插入一行")]
+            default: () => [B("在上方插入一行")]
           }), e(T, {
             command: "insert-below"
           }, {
-            default: () => [b("在下方插入一行")]
+            default: () => [B("在下方插入一行")]
           }), e(T, {
             command: "delete",
             divided: !0
           }, {
-            default: () => [b("删除行")]
+            default: () => [B("删除行")]
           })]
         })
       }), K && e("button", {
         class: "tcc-btn tcc-btn--add",
-        style: de,
-        onClick: () => _?.chain().focus().addColumnAfter().run()
-      }, [e(C, null, null)]), q && e("button", {
+        style: fe,
+        onClick: () => F?.chain().focus().addColumnAfter().run()
+      }, [e(f, null, null)]), q && e("button", {
         class: "tcc-btn tcc-btn--add",
-        style: pe,
-        onClick: () => _?.chain().focus().addRowAfter().run()
-      }, [e(C, null, null)])]);
+        style: he,
+        onClick: () => F?.chain().focus().addRowAfter().run()
+      }, [e(f, null, null)])]);
     };
   }
-}), E1 = /* @__PURE__ */ d({
+}), F1 = /* @__PURE__ */ c({
   name: "MathIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", w({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -1306,21 +1309,21 @@ const I1 = /* @__PURE__ */ d({
       fill: "currentColor"
     }, null)]);
   }
-}), V1 = /* @__PURE__ */ d({
+}), _1 = /* @__PURE__ */ c({
   name: "MathButton",
   setup() {
-    const t = E("editor"), l = E("openMathDialog");
-    return () => e(B, {
-      icon: E1,
+    const t = I("editor"), l = I("openMathDialog");
+    return () => e(k, {
+      icon: F1,
       tooltip: "数学公式",
       isActive: t?.value?.isActive("inlineMath") || t?.value?.isActive("blockMath"),
       onClick: () => l?.()
     }, null);
   }
-}), T1 = { class: "math-dialog" }, Z1 = {
+}), R1 = { class: "math-dialog" }, D1 = {
   key: 0,
   class: "math-preview__placeholder"
-}, _1 = ["innerHTML"], R1 = /* @__PURE__ */ d({
+}, S1 = ["innerHTML"], U1 = /* @__PURE__ */ c({
   __name: "MathEditDialog",
   props: {
     visible: { type: Boolean },
@@ -1330,134 +1333,134 @@ const I1 = /* @__PURE__ */ d({
   },
   emits: ["update:visible"],
   setup(t, { emit: l }) {
-    const o = t, r = l, a = E("editor"), u = H(""), h = H("inline");
-    N(() => o.latex, (n) => {
-      u.value = n;
-    }, { immediate: !0 }), N(() => o.type, (n) => {
-      h.value = n;
+    const n = t, i = l, a = I("editor"), u = M(""), h = M("inline");
+    N(() => n.latex, (o) => {
+      u.value = o;
+    }, { immediate: !0 }), N(() => n.type, (o) => {
+      h.value = o;
     }, { immediate: !0 });
-    const m = D(() => o.pos === null), C = D(() => u.value.trim() ? Oe.renderToString(u.value, {
+    const m = D(() => n.pos === null), f = D(() => u.value.trim() ? Je.renderToString(u.value, {
       displayMode: h.value === "block",
       throwOnError: !1
-    }) : ""), p = () => {
-      const n = a?.value;
-      if (!(!n || !u.value.trim())) {
+    }) : ""), C = () => {
+      const o = a?.value;
+      if (!(!o || !u.value.trim())) {
         if (m.value)
-          h.value === "inline" ? n.chain().focus().insertInlineMath({ latex: u.value }).run() : n.chain().focus().insertBlockMath({ latex: u.value }).run();
-        else if (h.value === o.type)
-          o.type === "inline" ? n.commands.updateInlineMath({ latex: u.value, pos: o.pos }) : n.commands.updateBlockMath({ latex: u.value, pos: o.pos });
+          h.value === "inline" ? o.chain().focus().insertInlineMath({ latex: u.value }).run() : o.chain().focus().insertBlockMath({ latex: u.value }).run();
+        else if (h.value === n.type)
+          n.type === "inline" ? o.commands.updateInlineMath({ latex: u.value, pos: n.pos }) : o.commands.updateBlockMath({ latex: u.value, pos: n.pos });
         else {
-          const i = o.pos;
-          o.type === "inline" ? n.chain().focus().deleteInlineMath({ pos: i }).insertBlockMath({ latex: u.value }).run() : n.chain().focus().deleteBlockMath({ pos: i }).insertInlineMath({ latex: u.value }).run();
+          const r = n.pos;
+          n.type === "inline" ? o.chain().focus().deleteInlineMath({ pos: r }).insertBlockMath({ latex: u.value }).run() : o.chain().focus().deleteBlockMath({ pos: r }).insertInlineMath({ latex: u.value }).run();
         }
-        r("update:visible", !1);
+        i("update:visible", !1);
       }
     };
-    return (n, i) => (Z(), te(x(ze), {
+    return (o, r) => (Z(), te(w(qe), {
       "model-value": t.visible,
       title: m.value ? "插入数学公式" : "编辑数学公式",
       width: "520px",
-      "onUpdate:modelValue": i[3] || (i[3] = (f) => r("update:visible", f))
+      "onUpdate:modelValue": r[3] || (r[3] = (s) => i("update:visible", s))
     }, {
-      footer: R(() => [
-        e(x(S), {
-          onClick: i[2] || (i[2] = (f) => r("update:visible", !1))
+      footer: _(() => [
+        e(w(S), {
+          onClick: r[2] || (r[2] = (s) => i("update:visible", !1))
         }, {
-          default: R(() => [...i[6] || (i[6] = [
-            b("取消", -1)
+          default: _(() => [...r[6] || (r[6] = [
+            B("取消", -1)
           ])]),
           _: 1
         }),
-        e(x(S), {
+        e(w(S), {
           type: "primary",
           disabled: !u.value.trim(),
-          onClick: p
+          onClick: C
         }, {
-          default: R(() => [...i[7] || (i[7] = [
-            b("确认", -1)
+          default: _(() => [...r[7] || (r[7] = [
+            B("确认", -1)
           ])]),
           _: 1
         }, 8, ["disabled"])
       ]),
-      default: R(() => [
-        A("div", T1, [
-          e(x(Pe), {
+      default: _(() => [
+        y("div", R1, [
+          e(w(Ge), {
             modelValue: h.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (f) => h.value = f)
+            "onUpdate:modelValue": r[0] || (r[0] = (s) => h.value = s)
           }, {
-            default: R(() => [
-              e(x(Y), { value: "inline" }, {
-                default: R(() => [...i[4] || (i[4] = [
-                  b("行内公式", -1)
+            default: _(() => [
+              e(w(Y), { value: "inline" }, {
+                default: _(() => [...r[4] || (r[4] = [
+                  B("行内公式", -1)
                 ])]),
                 _: 1
               }),
-              e(x(Y), { value: "block" }, {
-                default: R(() => [...i[5] || (i[5] = [
-                  b("块级公式", -1)
+              e(w(Y), { value: "block" }, {
+                default: _(() => [...r[5] || (r[5] = [
+                  B("块级公式", -1)
                 ])]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          e(x(ie), {
+          e(w(ie), {
             modelValue: u.value,
-            "onUpdate:modelValue": i[1] || (i[1] = (f) => u.value = f),
+            "onUpdate:modelValue": r[1] || (r[1] = (s) => u.value = s),
             type: "textarea",
             rows: 3,
             placeholder: "请输入 LaTeX 公式，例如：E=mc^2"
           }, null, 8, ["modelValue"]),
-          A("div", {
-            class: le(["math-preview", { "math-preview--empty": !C.value }])
+          y("div", {
+            class: le(["math-preview", { "math-preview--empty": !f.value }])
           }, [
-            C.value ? (Z(), F("div", {
+            f.value ? (Z(), R("div", {
               key: 1,
-              innerHTML: C.value
-            }, null, 8, _1)) : (Z(), F("span", Z1, "预览将在此处显示"))
+              innerHTML: f.value
+            }, null, 8, S1)) : (Z(), R("span", D1, "预览将在此处显示"))
           ], 2)
         ])
       ]),
       _: 1
     }, 8, ["model-value", "title"]));
   }
-}), F1 = (t, l) => {
-  const o = t.__vccOpts || t;
-  for (const [r, a] of l)
-    o[r] = a;
-  return o;
-}, D1 = /* @__PURE__ */ F1(R1, [["__scopeId", "data-v-995dc22f"]]), S1 = [{
+}), $1 = (t, l) => {
+  const n = t.__vccOpts || t;
+  for (const [i, a] of l)
+    n[i] = a;
+  return n;
+}, z1 = /* @__PURE__ */ $1(U1, [["__scopeId", "data-v-995dc22f"]]), P1 = [{
   value: "left",
   title: "居左",
-  Icon: re
+  Icon: ce
 }, {
   value: "center",
   title: "居中",
-  Icon: ue
+  Icon: de
 }, {
   value: "right",
   title: "居右",
-  Icon: ae
+  Icon: pe
 }], O = (t) => t.preventDefault();
-function U1(t) {
+function O1(t) {
   if (!t.isActive("image")) return null;
   const {
     selection: l
   } = t.state;
-  if (!(l instanceof Ve) || l.node.type.name !== "image") return null;
-  const o = l.node;
+  if (!(l instanceof Se) || l.node.type.name !== "image") return null;
+  const n = l.node;
   return {
     pos: l.from,
-    nodeSize: o.nodeSize,
-    src: o.attrs.src,
-    align: o.attrs.align ?? "left"
+    nodeSize: n.nodeSize,
+    src: n.attrs.src,
+    align: n.attrs.align ?? "left"
   };
 }
-function $1(t) {
-  const l = t.startsWith("data:") ? "image.png" : t.split("/").pop()?.split("?")[0] || "image.png", o = document.createElement("a");
-  o.href = t, o.download = l, document.body.appendChild(o), o.click(), document.body.removeChild(o);
+function N1(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 z1 = () => e("svg", {
+const j1 = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1475,7 +1478,7 @@ const z1 = () => e("svg", {
   y1: "15",
   x2: "12",
   y2: "3"
-}, null)]), P1 = () => e("svg", {
+}, null)]), W1 = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1488,7 +1491,7 @@ const z1 = () => 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)]), O1 = () => e("svg", {
+}, null)]), K1 = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1505,67 +1508,67 @@ const z1 = () => 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)]), N1 = /* @__PURE__ */ d({
+}, null)]), q1 = /* @__PURE__ */ c({
   name: "ImageControls",
   setup() {
-    const t = E("editor"), l = H(null);
-    function o() {
-      const r = t?.value;
-      if (!r) {
+    const t = I("editor"), l = M(null);
+    function n() {
+      const i = t?.value;
+      if (!i) {
         l.value = null;
         return;
       }
-      l.value = U1(r);
+      l.value = O1(i);
     }
-    return ne((r) => {
+    return ne((i) => {
       const a = t?.value;
-      a && (a.on("transaction", o), r(() => {
-        a.off("transaction", o);
+      a && (a.on("transaction", n), i(() => {
+        a.off("transaction", n);
       }));
     }), () => {
-      const r = l.value;
-      if (!r) return null;
+      const i = l.value;
+      if (!i) return null;
       const a = t?.value;
       if (!a) return null;
       const {
         pos: u,
         nodeSize: h,
         src: m,
-        align: C
-      } = r, p = a.view.nodeDOM(u);
-      if (!p || !(p instanceof HTMLElement)) return null;
-      const n = p.querySelector("[data-resize-wrapper]") ?? p, i = a.view.dom.closest(".tiptap-editor");
-      if (!i) return null;
-      const f = n.getBoundingClientRect(), M = i.getBoundingClientRect(), L = {
+        align: f
+      } = i, C = a.view.nodeDOM(u);
+      if (!C || !(C instanceof HTMLElement)) return null;
+      const o = C.querySelector("[data-resize-wrapper]") ?? C, r = a.view.dom.closest(".tiptap-editor");
+      if (!r) return null;
+      const s = o.getBoundingClientRect(), x = r.getBoundingClientRect(), L = {
         position: "absolute",
-        top: `${f.top - M.top}px`,
-        left: `${f.left - M.left + f.width / 2}px`,
+        top: `${s.top - x.top}px`,
+        left: `${s.left - x.left + s.width / 2}px`,
         transform: "translate(-50%, calc(-100% - 8px))",
         zIndex: 20
       };
       return e("div", {
         class: "image-controls",
         style: L
-      }, [S1.map(({
+      }, [P1.map(({
         value: g,
-        title: s,
-        Icon: c
+        title: d,
+        Icon: p
       }) => e("button", {
         key: g,
-        class: ["image-controls-btn", C === g && "is-active"],
-        title: s,
+        class: ["image-controls-btn", f === g && "is-active"],
+        title: d,
         onMousedown: O,
         onClick: () => a.chain().focus().updateAttributes("image", {
           align: g
         }).run()
-      }, [e(c, null, null)])), e("span", {
+      }, [e(p, null, null)])), e("span", {
         class: "image-controls-separator"
       }, null), e("button", {
         class: "image-controls-btn",
         title: "下载",
         onMousedown: O,
-        onClick: () => $1(m)
-      }, [e(z1, null, null)]), e("button", {
+        onClick: () => N1(m)
+      }, [e(j1, null, null)]), e("button", {
         class: "image-controls-btn",
         title: "重新上传",
         onMousedown: O,
@@ -1575,7 +1578,7 @@ const z1 = () => e("svg", {
         }).insertContentAt(u, {
           type: "imageUpload"
         }).run()
-      }, [e(P1, null, null)]), e("button", {
+      }, [e(W1, null, null)]), e("button", {
         class: "image-controls-btn",
         title: "删除",
         onMousedown: O,
@@ -1583,10 +1586,89 @@ const z1 = () => e("svg", {
           from: u,
           to: u + h
         }).run()
-      }, [e(O1, null, null)])]);
+      }, [e(K1, null, null)])]);
     };
   }
-}), j1 = { class: "tiptap-editor" }, W1 = { class: "tiptap-toolbar" }, ut = /* @__PURE__ */ d({
+}), G1 = /* @__PURE__ */ c({
+  name: "CodeBlockIcon",
+  setup(t, {
+    attrs: l
+  }) {
+    return () => e("svg", b({
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, l), [e("polyline", {
+      points: "16 18 22 12 16 6"
+    }, null), e("polyline", {
+      points: "8 6 2 12 8 18"
+    }, null)]);
+  }
+}), J1 = /* @__PURE__ */ c({
+  name: "CodeBlockButton",
+  setup() {
+    const t = I("editor");
+    return () => e(k, {
+      icon: G1,
+      tooltip: "代码块",
+      isActive: t?.value?.isActive("codeBlock"),
+      onClick: () => t?.value?.chain().focus().toggleCodeBlock().run()
+    }, null);
+  }
+}), X1 = /* @__PURE__ */ c({
+  name: "BubbleMenuBar",
+  setup() {
+    const t = I("editor");
+    return () => t?.value ? e(Xe, {
+      editor: t.value,
+      class: "bubble-menu",
+      options: {
+        placement: "top",
+        offset: {
+          mainAxis: 8
+        }
+      },
+      shouldShow: (l) => {
+        const {
+          editor: n,
+          from: i,
+          to: a
+        } = l;
+        return !(i === a || n.isActive("image") || n.isActive("table"));
+      }
+    }, {
+      default: () => [e("div", {
+        class: "bubble-menu-content"
+      }, [e(k, {
+        icon: re,
+        tooltip: "粗体",
+        isActive: t.value.isActive("bold"),
+        onClick: () => t.value?.chain().focus().toggleBold().run()
+      }, null), e(k, {
+        icon: ue,
+        tooltip: "斜体",
+        isActive: t.value.isActive("italic"),
+        onClick: () => t.value?.chain().focus().toggleItalic().run()
+      }, null), e(k, {
+        icon: ae,
+        tooltip: "删除线",
+        isActive: t.value.isActive("strike"),
+        onClick: () => t.value?.chain().focus().toggleStrike().run()
+      }, null), e(k, {
+        icon: se,
+        tooltip: "下划线",
+        isActive: t.value.isActive("underline"),
+        onClick: () => t.value?.chain().focus().toggleUnderline().run()
+      }, null)])]
+    }) : null;
+  }
+}), Q1 = { class: "tiptap-editor" }, Y1 = { class: "tiptap-toolbar" }, mt = /* @__PURE__ */ c({
   __name: "TiptapEditor",
   props: {
     modelValue: { default: "" },
@@ -1595,26 +1677,31 @@ const z1 = () => e("svg", {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: l }) {
-    const o = t, r = l, a = H(!1), u = H(""), h = H(null), m = H("inline"), C = (n = {}) => {
-      u.value = n.latex ?? "", h.value = n.pos ?? null, m.value = n.type ?? "inline", a.value = !0;
+    const n = Fe(_e), i = t, a = l, u = M(!1), h = M(""), m = M(null), f = M("inline"), C = (r = {}) => {
+      h.value = r.latex ?? "", m.value = r.pos ?? null, f.value = r.type ?? "inline", u.value = !0;
     };
     J("openMathDialog", C);
-    const p = He({
-      content: o.modelValue,
+    const o = ye({
+      content: i.modelValue,
       extensions: [
-        we.configure({
+        He.configure({
+          codeBlock: !1,
           link: {
             openOnClick: !1,
             enableClickSelection: !0
           }
         }),
-        Le.configure({
-          placeholder: o.placeholder
+        Te.configure({
+          placeholder: i.placeholder
+        }),
+        Ze.configure({
+          lowlight: n,
+          defaultLanguage: "plaintext"
         }),
-        Be.configure({ types: ["heading", "paragraph"] }),
-        ye,
-        Ae.configure({ nested: !0 }),
-        Ne.configure({
+        Ve.configure({ types: ["heading", "paragraph"] }),
+        Ie,
+        Ee.configure({ nested: !0 }),
+        Qe.configure({
           allowBase64: !0,
           resize: {
             enabled: !0,
@@ -1633,60 +1720,62 @@ const z1 = () => e("svg", {
             alwaysPreserveAspectRatio: !1
           }
         }),
-        e1.configure({
-          ...o.upload ? { upload: o.upload } : {}
+        a1.configure({
+          ...i.upload ? { upload: i.upload } : {}
         }),
-        De.configure({ resizable: !0 }),
-        _e,
-        Re,
-        Fe,
-        Se.configure({
+        Ne.configure({ resizable: !0 }),
+        ze,
+        Pe,
+        Oe,
+        je.configure({
           inlineOptions: {
-            onClick: (n, i) => C({ latex: n.attrs.latex, pos: i, type: "inline" })
+            onClick: (r, s) => C({ latex: r.attrs.latex, pos: s, type: "inline" })
           },
           blockOptions: {
-            onClick: (n, i) => C({ latex: n.attrs.latex, pos: i, type: "block" })
+            onClick: (r, s) => C({ latex: r.attrs.latex, pos: s, type: "block" })
           }
         })
       ],
-      onUpdate: ({ editor: n }) => {
-        r("update:modelValue", n.getHTML());
+      onUpdate: ({ editor: r }) => {
+        a("update:modelValue", r.getHTML());
       }
     });
-    return J("editor", p), N(() => o.modelValue, (n) => {
-      p.value && n !== p.value.getHTML() && p.value.commands.setContent(n, { emitUpdate: !1 });
-    }), (n, i) => (Z(), F("div", j1, [
-      A("div", W1, [
-        e(x(o1)),
-        i[1] || (i[1] = A("div", { class: "tiptap-separator" }, null, -1)),
-        e(x(v1)),
-        i[2] || (i[2] = A("div", { class: "tiptap-separator" }, null, -1)),
-        e(x(x1)),
-        i[3] || (i[3] = A("div", { class: "tiptap-separator" }, null, -1)),
-        e(x(h1)),
-        i[4] || (i[4] = A("div", { class: "tiptap-separator" }, null, -1)),
-        e(x(b1)),
-        e(x(A1)),
-        e(x(V1))
+    return J("editor", o), N(() => i.modelValue, (r) => {
+      o.value && r !== o.value.getHTML() && o.value.commands.setContent(r, { emitUpdate: !1 });
+    }), (r, s) => (Z(), R("div", Q1, [
+      y("div", Y1, [
+        e(w(p1)),
+        s[1] || (s[1] = y("div", { class: "tiptap-separator" }, null, -1)),
+        e(w(g1)),
+        e(w(J1)),
+        s[2] || (s[2] = y("div", { class: "tiptap-separator" }, null, -1)),
+        e(w(B1)),
+        s[3] || (s[3] = y("div", { class: "tiptap-separator" }, null, -1)),
+        e(w(k1)),
+        s[4] || (s[4] = y("div", { class: "tiptap-separator" }, null, -1)),
+        e(w(A1)),
+        e(w(E1)),
+        e(w(_1))
       ]),
-      e(x(Me), {
+      e(w(Le), {
         class: "tiptap-content",
-        editor: x(p)
+        editor: w(o)
       }, null, 8, ["editor"]),
-      e(x(I1)),
-      e(x(N1)),
-      e(D1, {
-        visible: a.value,
-        "onUpdate:visible": i[0] || (i[0] = (f) => a.value = f),
-        latex: u.value,
-        pos: h.value,
-        type: m.value
+      e(w(X1)),
+      e(w(Z1)),
+      e(w(q1)),
+      e(z1, {
+        visible: u.value,
+        "onUpdate:visible": s[0] || (s[0] = (x) => u.value = x),
+        latex: h.value,
+        pos: m.value,
+        type: f.value
       }, null, 8, ["visible", "latex", "pos", "type"])
     ]));
   }
 });
 export {
-  B as IconButton,
-  Ne as ImageWithAlign,
-  ut as TiptapEditor
+  k as IconButton,
+  Qe as ImageWithAlign,
+  mt as TiptapEditor
 };