@mario9/tiptap-editor 0.1.6 → 0.2.0

package/dist/tiptap-editor.js

@@ -1,21 +1,21 @@
-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 { defineComponent as p, computed as F, ref as y, createVNode as e, createTextVNode as g, mergeProps as b, inject as A, watch as D, nextTick as O, watchEffect as K, Fragment as de, provide as P } 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 { createLowlight as He, common as ye } 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 { Plugin as Be, NodeSelection as Me } from "@tiptap/pm/state";
+import { Decoration as Le, DecorationSet as Ie } from "@tiptap/pm/view";
+import { TableRow as Ee, TableHeader as Fe, TableCell as Te, Table as Ve } 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({
+import { BubbleMenu as Oe } from "@tiptap/vue-3/menus";
+const Pe = Ae.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
@@ -29,32 +29,32 @@ const ze = Ae.extend({
   addProseMirrorPlugins() {
     const t = this.name;
     return [
-      new ye({
+      new Be({
         props: {
           decorations(l) {
             const n = [];
             return l.doc.descendants((o, u) => {
               o.type.name === t && o.attrs.align && n.push(
-                Ie.node(u, u + o.nodeSize, {
+                Le.node(u, u + o.nodeSize, {
                   "data-align": o.attrs.align
                 })
               );
-            }), Le.create(l.doc, n);
+            }), Ie.create(l.doc, n);
           }
         }
       })
     ];
   }
-}), Oe = /* @__PURE__ */ c({
+}), $e = /* @__PURE__ */ p({
   name: "ImageUploadView",
   props: Ce,
   setup(t) {
-    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) => {
+    const l = F(() => t.node.attrs.accept), n = F(() => t.node.attrs.limit), o = F(() => t.node.attrs.maxSize), u = y([]), d = y(), f = y(!1), m = 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();
+      const C = crypto.randomUUID();
       u.value.push({
-        id: d,
+        id: C,
         file: a,
         progress: 0,
         status: "uploading"
@@ -64,26 +64,26 @@ const ze = Ae.extend({
         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;
+        const B = u.value.find((V) => V.id === C);
+        return B && (B.status = "success", B.progress = 100), t.extension.options.onSuccess?.(h), h;
       } catch (v) {
-        const h = u.value.find((A) => A.id === d);
+        const h = u.value.find((B) => B.id === C);
         return h && (h.status = "error", h.progress = 0), t.extension.options.onError?.(v instanceof Error ? v : new Error("上传失败")), null;
       }
-    }, r = async (a) => {
+    }, c = async (a) => {
       if (!a.length) return;
       if (a.length > n.value) {
         t.extension.options.onError?.(new Error(`最多上传 ${n.value} 个文件`));
         return;
       }
-      const d = (await Promise.all(a.map(g))).filter((v) => !!v);
-      if (d.length > 0) {
+      const C = (await Promise.all(a.map(m))).filter((v) => !!v);
+      if (C.length > 0) {
         const v = t.getPos();
         if (typeof v != "number") return;
-        const h = d.map((A) => ({
+        const h = C.map((B) => ({
           type: "image",
           attrs: {
-            src: A
+            src: B
           }
         }));
         t.editor.chain().focus().deleteRange({
@@ -91,27 +91,27 @@ const ze = Ae.extend({
           to: v + t.node.nodeSize
         }).insertContentAt(v, h).run();
       }
-    }, C = () => {
-      u.value.length === 0 && s.value && (s.value.value = "", s.value.click());
+    }, H = () => {
+      u.value.length === 0 && d.value && (d.value.value = "", d.value.click());
     }, i = (a) => {
-      const d = a.target.files;
-      d && r(Array.from(d));
-    }, p = (a) => {
+      const C = a.target.files;
+      C && c(Array.from(C));
+    }, s = (a) => {
       a.preventDefault(), f.value = !0;
-    }, w = (a) => {
+    }, r = (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);
+      a.preventDefault(), f.value = !1;
+      const C = Array.from(a.dataTransfer?.files ?? []);
+      C.length && c(C);
+    }, k = (a) => {
+      u.value = u.value.filter((C) => C.id !== a);
     };
     return () => e(ve, {
       class: "tiptap-image-upload"
     }, {
       default: () => [e("div", {
-        onClick: C
+        onClick: H
       }, [u.value.length ? e("div", {
         class: "tiptap-image-upload-previews"
       }, [u.value.map((a) => e("div", {
@@ -130,24 +130,24 @@ const ze = Ae.extend({
         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);
+        onClick: (C) => {
+          C.stopPropagation(), k(a.id);
         }
-      }, [m("×")])])]))]) : e("div", {
+      }, [g("×")])])]))]) : e("div", {
         class: ["tiptap-image-upload-drag-area", {
           "drag-active": f.value
         }],
-        onDragover: p,
-        onDragleave: w,
-        onDrop: I
+        onDragover: s,
+        onDragleave: r,
+        onDrop: x
       }, [e("div", {
         class: "tiptap-image-upload-content"
       }, [e("span", {
         class: "tiptap-image-upload-text"
-      }, [e("em", null, [m("点击上传")]), m(" 或拖拽图片到此处")]), e("span", {
+      }, [e("em", null, [g("点击上传")]), g(" 或拖拽图片到此处")]), e("span", {
         class: "tiptap-image-upload-subtext"
-      }, [m("最多 "), n.value, m(" 个文件"), o.value ? `，每个不超过 ${o.value / 1024 / 1024}MB` : ""])])]), e("input", {
-        ref: s,
+      }, [g("最多 "), n.value, g(" 个文件"), o.value ? `，每个不超过 ${o.value / 1024 / 1024}MB` : ""])])]), e("input", {
+        ref: d,
         type: "file",
         accept: l.value,
         multiple: n.value > 1,
@@ -156,7 +156,7 @@ const ze = Ae.extend({
       }, null)])]
     });
   }
-}), $e = Re.create({
+}), ze = Re.create({
   name: "imageUpload",
   group: "block",
   draggable: !0,
@@ -203,7 +203,7 @@ const ze = Ae.extend({
     }, t)];
   },
   addNodeView() {
-    return fe(Oe);
+    return fe($e);
   },
   addCommands() {
     return {
@@ -236,7 +236,20 @@ const ze = Ae.extend({
       }
     };
   }
-}), Ne = {
+}), Ne = [
+  "undo-redo",
+  "|",
+  "text-style",
+  "code-block",
+  "|",
+  "list",
+  "|",
+  "text-align",
+  "|",
+  "image",
+  "table",
+  "math"
+], je = {
   icon: {
     type: Object,
     required: !0
@@ -255,9 +268,9 @@ const ze = Ae.extend({
   onClick: {
     type: Function
   }
-}, b = /* @__PURE__ */ c({
+}, w = /* @__PURE__ */ p({
   name: "IconButton",
-  props: Ne,
+  props: je,
   setup(t) {
     return () => e(R, {
       showArrow: !1,
@@ -275,12 +288,12 @@ const ze = Ae.extend({
       }, null)]
     });
   }
-}), je = /* @__PURE__ */ c({
+}), We = /* @__PURE__ */ p({
   name: "UndoIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -293,12 +306,12 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), We = /* @__PURE__ */ c({
+}), qe = /* @__PURE__ */ p({
   name: "RedoIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -311,28 +324,28 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), qe = /* @__PURE__ */ c({
+}), Ge = /* @__PURE__ */ p({
   name: "UndoRedoButton",
   setup() {
-    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,
+    const t = A("editor"), l = F(() => t?.value?.can().undo() ?? !1), n = F(() => t?.value?.can().redo() ?? !1);
+    return () => e("div", null, [e(w, {
+      icon: We,
       tooltip: "撤销",
       disabled: !l.value,
       onClick: () => t?.value?.chain().focus().undo().run()
-    }, null), e(b, {
-      icon: We,
+    }, null), e(w, {
+      icon: qe,
       tooltip: "重做",
       disabled: !n.value,
       onClick: () => t?.value?.chain().focus().redo().run()
     }, null)]);
   }
-}), Ke = /* @__PURE__ */ c({
+}), Ke = /* @__PURE__ */ p({
   name: "LinkIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -346,12 +359,12 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), Ge = /* @__PURE__ */ c({
+}), Je = /* @__PURE__ */ p({
   name: "CornerDownLeftIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -367,12 +380,12 @@ const ze = Ae.extend({
       d: "M20 4v7a4 4 0 0 1-4 4H4"
     }, null)]);
   }
-}), Je = /* @__PURE__ */ c({
+}), Xe = /* @__PURE__ */ p({
   name: "ExternalLinkIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -393,12 +406,12 @@ const ze = Ae.extend({
       y2: "3"
     }, null)]);
   }
-}), Xe = /* @__PURE__ */ c({
+}), Qe = /* @__PURE__ */ p({
   name: "TrashIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -414,13 +427,13 @@ const ze = Ae.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)]);
   }
-}), Qe = /* @__PURE__ */ c({
+}), Ye = /* @__PURE__ */ p({
   name: "LinkPopover",
   setup() {
-    const t = B("editor"), l = H(!1), n = H("");
+    const t = A("editor"), l = y(!1), n = y("");
     let o = !1;
     D(() => t?.value?.isActive("link"), (i) => {
-      o || i && (n.value = t?.value?.getAttributes("link").href ?? "", P(() => {
+      o || i && (n.value = t?.value?.getAttributes("link").href ?? "", O(() => {
         l.value = !0;
       }));
     });
@@ -429,37 +442,37 @@ const ze = Ae.extend({
       if (!i || !n.value) return;
       o = !0;
       const {
-        empty: p
+        empty: s
       } = i.state.selection;
-      let w = i.chain().focus().extendMarkRange("link").setLink({
+      let r = i.chain().focus().extendMarkRange("link").setLink({
         href: n.value
       });
-      p && (w = w.insertContent({
+      s && (r = r.insertContent({
         type: "text",
         text: n.value
-      })), w.run(), l.value = !1, P(() => {
+      })), r.run(), l.value = !1, O(() => {
         o = !1;
       });
-    }, s = () => {
+    }, d = () => {
       const i = t?.value;
-      i && (o = !0, i.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", l.value = !1, P(() => {
+      i && (o = !0, i.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", l.value = !1, O(() => {
         o = !1;
       }));
     }, f = () => {
       const i = t?.value?.getAttributes("link").href;
       i && window.open(i, "_blank", "noopener,noreferrer");
-    }, g = (i) => {
+    }, m = (i) => {
       i.key === "Enter" && (i.preventDefault(), u());
-    }, r = (i) => {
+    }, c = (i) => {
       i && (n.value = t?.value?.getAttributes("link").href ?? ""), l.value = i;
-    }, C = (i) => {
+    }, H = (i) => {
       n.value = i;
     };
     return () => {
       const i = t?.value?.isActive("link") ?? !1;
       return e(J, {
         visible: l.value,
-        "onUpdate:visible": r,
+        "onUpdate:visible": c,
         placement: "bottom",
         width: 300,
         trigger: "click",
@@ -467,7 +480,7 @@ const ze = Ae.extend({
         popperClass: "link-popover-popper",
         offset: 6
       }, {
-        reference: () => e("span", null, [e(b, {
+        reference: () => e("span", null, [e(w, {
           tooltip: "链接",
           icon: Ke,
           class: ["tiptap-button", {
@@ -478,12 +491,12 @@ const ze = Ae.extend({
           class: "link-popover-inner"
         }, [e(X, {
           modelValue: n.value,
-          "onUpdate:modelValue": C,
+          "onUpdate:modelValue": H,
           type: "url",
           placeholder: "请输入链接...",
           size: "small",
           autofocus: !0,
-          onKeydown: g
+          onKeydown: m
         }, null), e("div", {
           class: "link-popover-actions"
         }, [e(R, {
@@ -493,7 +506,7 @@ const ze = Ae.extend({
         }, {
           default: () => [e(Z, {
             text: !0,
-            icon: Ge,
+            icon: Je,
             disabled: !n.value,
             onClick: u
           }, null)]
@@ -504,7 +517,7 @@ const ze = Ae.extend({
         }, {
           default: () => [e(Z, {
             text: !0,
-            icon: Je,
+            icon: Xe,
             disabled: !n.value && !i,
             onClick: f
           }, null)]
@@ -515,20 +528,20 @@ const ze = Ae.extend({
         }, {
           default: () => [e(Z, {
             text: !0,
-            icon: Xe,
+            icon: Qe,
             disabled: !i,
-            onClick: s
+            onClick: d
           }, null)]
         })])])
       });
     };
   }
-}), Q = /* @__PURE__ */ c({
+}), Q = /* @__PURE__ */ p({
   name: "BoldIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -541,12 +554,12 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), Y = /* @__PURE__ */ c({
+}), Y = /* @__PURE__ */ p({
   name: "ItalicIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -557,12 +570,12 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), ee = /* @__PURE__ */ c({
+}), ee = /* @__PURE__ */ p({
   name: "StrikeIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -576,12 +589,12 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), te = /* @__PURE__ */ c({
+}), te = /* @__PURE__ */ p({
   name: "UnderlineIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -594,38 +607,38 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), Ye = /* @__PURE__ */ c({
+}), e1 = /* @__PURE__ */ p({
   name: "TextStyleButton",
   setup() {
-    const t = B("editor");
-    return () => e("div", null, [e(b, {
+    const t = A("editor");
+    return () => e("div", null, [e(w, {
       icon: Q,
       tooltip: "粗体",
       isActive: t?.value?.isActive("bold"),
       onClick: () => t?.value?.chain().focus().toggleBold().run()
-    }, null), e(b, {
+    }, null), e(w, {
       icon: Y,
       tooltip: "斜体",
       isActive: t?.value?.isActive("italic"),
       onClick: () => t?.value?.chain().focus().toggleItalic().run()
-    }, null), e(b, {
+    }, null), e(w, {
       icon: ee,
       tooltip: "删除线",
       isActive: t?.value?.isActive("strike"),
       onClick: () => t?.value?.chain().focus().toggleStrike().run()
-    }, null), e(b, {
+    }, null), e(w, {
       icon: te,
       tooltip: "下划线",
       isActive: t?.value?.isActive("underline"),
       onClick: () => t?.value?.chain().focus().toggleUnderline().run()
-    }, null), e(Qe, null, null)]);
+    }, null), e(Ye, null, null)]);
   }
-}), le = /* @__PURE__ */ c({
+}), le = /* @__PURE__ */ p({
   name: "AlignLeftIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -648,12 +661,12 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), ne = /* @__PURE__ */ c({
+}), ne = /* @__PURE__ */ p({
   name: "AlignCenterIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -676,12 +689,12 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), oe = /* @__PURE__ */ c({
+}), oe = /* @__PURE__ */ p({
   name: "AlignRightIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -704,12 +717,12 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), e1 = /* @__PURE__ */ c({
+}), t1 = /* @__PURE__ */ p({
   name: "AlignJustifyIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -732,33 +745,33 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), t1 = /* @__PURE__ */ c({
+}), l1 = /* @__PURE__ */ p({
   name: "TextAlignButton",
   setup() {
-    const t = B("editor");
-    return () => e("div", null, [e(b, {
+    const t = A("editor");
+    return () => e("div", null, [e(w, {
       icon: le,
       tooltip: "左边对齐",
       isActive: t?.value?.isActive({
         textAlign: "left"
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("left").run()
-    }, null), e(b, {
+    }, null), e(w, {
       icon: ne,
       tooltip: "中间对齐",
       isActive: t?.value?.isActive({
         textAlign: "center"
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("center").run()
-    }, null), e(b, {
+    }, null), e(w, {
       icon: oe,
       tooltip: "右边对齐",
       isActive: t?.value?.isActive({
         textAlign: "right"
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("right").run()
-    }, null), e(b, {
-      icon: e1,
+    }, null), e(w, {
+      icon: t1,
       tooltip: "两端对齐",
       isActive: t?.value?.isActive({
         textAlign: "justify"
@@ -766,12 +779,12 @@ const ze = Ae.extend({
       onClick: () => t?.value?.chain().focus().setTextAlign("justify").run()
     }, null)]);
   }
-}), l1 = /* @__PURE__ */ c({
+}), n1 = /* @__PURE__ */ p({
   name: "ListIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -809,12 +822,12 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), n1 = /* @__PURE__ */ c({
+}), o1 = /* @__PURE__ */ p({
   name: "ListOrderedIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -852,12 +865,12 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), o1 = /* @__PURE__ */ c({
+}), i1 = /* @__PURE__ */ p({
   name: "ListTodoIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -890,33 +903,33 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), i1 = /* @__PURE__ */ c({
+}), u1 = /* @__PURE__ */ p({
   name: "ListButton",
   setup() {
-    const t = B("editor");
-    return () => e("div", null, [e(b, {
-      icon: l1,
+    const t = A("editor");
+    return () => e("div", null, [e(w, {
+      icon: n1,
       tooltip: "无序列表",
       isActive: t?.value?.isActive("bulletList"),
       onClick: () => t?.value?.chain().focus().toggleBulletList().run()
-    }, null), e(b, {
-      icon: n1,
+    }, null), e(w, {
+      icon: o1,
       tooltip: "有序列表",
       isActive: t?.value?.isActive("orderedList"),
       onClick: () => t?.value?.chain().focus().toggleOrderedList().run()
-    }, null), e(b, {
-      icon: o1,
+    }, null), e(w, {
+      icon: i1,
       tooltip: "任务列表",
       isActive: t?.value?.isActive("taskList"),
       onClick: () => t?.value?.chain().focus().toggleTaskList().run()
     }, null)]);
   }
-}), u1 = /* @__PURE__ */ c({
+}), r1 = /* @__PURE__ */ p({
   name: "ImagePlusIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -929,22 +942,22 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), r1 = /* @__PURE__ */ c({
+}), a1 = /* @__PURE__ */ p({
   name: "ImageButton",
   setup() {
-    const t = B("editor");
-    return () => e("div", null, [e(b, {
-      icon: u1,
+    const t = A("editor");
+    return () => e("div", null, [e(w, {
+      icon: r1,
       tooltip: "图片",
       onClick: () => t?.value?.commands.setImageUploadNode()
     }, null)]);
   }
-}), a1 = /* @__PURE__ */ c({
+}), s1 = /* @__PURE__ */ p({
   name: "TableIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -957,23 +970,23 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), s1 = 8, c1 = 8, d1 = /* @__PURE__ */ c({
+}), c1 = 8, d1 = 8, p1 = /* @__PURE__ */ p({
   name: "TableButton",
   setup() {
-    const t = B("editor"), l = H(!1), n = H(0), o = H(0), u = (g, r) => {
-      n.value = g, o.value = r;
-    }, s = () => {
+    const t = A("editor"), l = y(!1), n = y(0), o = y(0), u = (m, c) => {
+      n.value = m, o.value = c;
+    }, d = () => {
       n.value = 0, o.value = 0;
-    }, f = (g, r) => {
+    }, f = (m, c) => {
       t?.value?.chain().focus().insertTable({
-        rows: r,
-        cols: g,
+        rows: c,
+        cols: m,
         withHeaderRow: !0
       }).run(), l.value = !1;
     };
     return () => e(J, {
       visible: l.value,
-      "onUpdate:visible": (g) => l.value = g,
+      "onUpdate:visible": (m) => l.value = m,
       trigger: "click",
       placement: "bottom-start",
       popperClass: "table-picker-popper",
@@ -992,7 +1005,7 @@ const ze = Ae.extend({
             "is-active": l.value
           }]
         }, {
-          default: () => [e(a1, {
+          default: () => [e(s1, {
             class: "tiptap-button-icon"
           }, null)]
         })]
@@ -1001,34 +1014,34 @@ const ze = Ae.extend({
         class: "table-picker"
       }, [e("div", {
         class: "table-picker-grid",
-        onMouseleave: s
+        onMouseleave: d
       }, [Array.from({
-        length: c1
-      }, (g, r) => e("div", {
-        key: r,
+        length: d1
+      }, (m, c) => e("div", {
+        key: c,
         class: "table-picker-row"
       }, [Array.from({
-        length: s1
-      }, (C, i) => e("div", {
+        length: c1
+      }, (H, i) => e("div", {
         key: i,
         class: ["table-picker-cell", {
-          "is-active": i < n.value && r < o.value
+          "is-active": i < n.value && c < o.value
         }],
-        onMouseenter: () => u(i + 1, r + 1),
-        onClick: () => f(i + 1, r + 1)
+        onMouseenter: () => u(i + 1, c + 1),
+        onClick: () => f(i + 1, c + 1)
       }, null))]))]), e("div", {
         class: "table-picker-footer"
       }, [e("div", {
         class: "table-picker-counter"
-      }, [e("span", null, [m("列")]), e("span", null, [n.value || 1])]), e("span", {
+      }, [e("span", null, [g("列")]), e("span", null, [n.value || 1])]), e("span", {
         class: "table-picker-x"
-      }, [m("x")]), e("div", {
+      }, [g("x")]), e("div", {
         class: "table-picker-counter"
-      }, [e("span", null, [m("行")]), e("span", null, [o.value || 1])])])])
+      }, [e("span", null, [g("行")]), e("span", null, [o.value || 1])])])])
     });
   }
 });
-function p1(t) {
+function C1(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;
@@ -1036,106 +1049,106 @@ function p1(t) {
   }
   return null;
 }
-function C1(t) {
+function v1(t) {
   if (!t.isActive("tableCell") && !t.isActive("tableHeader")) return null;
   const {
     node: l
-  } = t.view.domAtPos(t.state.selection.from), n = p1(l);
+  } = t.view.domAtPos(t.state.selection.from), n = C1(l);
   if (!n) return null;
-  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();
+  const o = n.parentElement, u = o.parentElement, d = n.closest("table");
+  if (!d) return null;
+  const f = Array.from(o.children).indexOf(n), m = Array.from(u.children).indexOf(o), c = o.children.length, H = u.children.length, i = n.getBoundingClientRect(), s = d.getBoundingClientRect(), r = t.view.dom.closest(".tiptap-editor").getBoundingClientRect();
   return {
     cell: n,
     colIndex: f,
-    rowIndex: g,
-    totalCols: r,
-    totalRows: C,
+    rowIndex: m,
+    totalCols: c,
+    totalRows: H,
     cellRect: i,
-    tableRect: p,
-    editorRect: w
+    tableRect: s,
+    editorRect: r
   };
 }
-function K(t) {
+function G(t) {
   const {
     state: l
   } = t, n = l.selection.from;
   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 l.doc.nodesBetween(0, l.doc.content.size, (u, d) => {
+    if (u.type.name === "table" && d <= n && n <= d + u.nodeSize)
       return o = {
         node: u,
-        pos: s
+        pos: d
       }, !1;
   }), o;
 }
-const v1 = /* @__PURE__ */ c({
+const f1 = /* @__PURE__ */ p({
   name: "TableControls",
   setup() {
-    const t = B("editor"), l = B("readonly"), n = H(null), o = H(null);
+    const t = A("editor"), l = A("readonly"), n = y(null), o = y(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 p = C1(i);
-      n.value = p, p && (p.cell.classList.add("tcc-cell-focused"), o.value = p.cell);
+      const s = v1(i);
+      n.value = s, s && (s.cell.classList.add("tcc-cell-focused"), o.value = s.cell);
     }
-    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);
+    K((i) => {
+      const s = t?.value;
+      s && (s.on("selectionUpdate", u), s.on("transaction", u), i(() => {
+        s.off("selectionUpdate", u), s.off("transaction", u), o.value && (o.value.classList.remove("tcc-cell-focused"), o.value = null);
       }));
     });
-    function s(i) {
-      const p = t?.value;
-      if (!p || !n.value) return;
+    function d(i) {
+      const s = t?.value;
+      if (!s || !n.value) return;
       const {
-        colIndex: w,
-        totalCols: I
-      } = n.value, x = i === "left" ? w - 1 : w + 1;
-      if (x < 0 || x >= I) return;
-      const a = K(p);
+        colIndex: r,
+        totalCols: x
+      } = n.value, k = i === "left" ? r - 1 : r + 1;
+      if (k < 0 || k >= x) return;
+      const a = G(s);
       if (!a) return;
       const {
-        node: d,
+        node: C,
         pos: v
       } = a, h = [];
-      d.forEach((L) => {
-        if (L.type.name !== "tableRow") {
-          h.push(L);
+      C.forEach((I) => {
+        if (I.type.name !== "tableRow") {
+          h.push(I);
           return;
         }
-        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 M = [];
+        I.forEach((U) => M.push(U));
+        const S = M[r];
+        M[r] = M[k], M[k] = S, h.push(I.type.create(I.attrs, M, I.marks));
       });
-      const A = d.type.create(d.attrs, h, d.marks), T = p.state.tr.replaceWith(v, v + d.nodeSize, A);
-      p.view.dispatch(T);
+      const B = C.type.create(C.attrs, h, C.marks), V = s.state.tr.replaceWith(v, v + C.nodeSize, B);
+      s.view.dispatch(V);
     }
     function f(i) {
-      const p = t?.value;
-      if (!p || !n.value) return;
+      const s = t?.value;
+      if (!s || !n.value) return;
       const {
-        rowIndex: w,
-        totalRows: I
-      } = n.value, x = i === "up" ? w - 1 : w + 1;
-      if (x < 0 || x >= I) return;
-      const a = K(p);
+        rowIndex: r,
+        totalRows: x
+      } = n.value, k = i === "up" ? r - 1 : r + 1;
+      if (k < 0 || k >= x) return;
+      const a = G(s);
       if (!a) return;
       const {
-        node: d,
+        node: C,
         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);
+      C.forEach((M) => h.push(M));
+      const B = h[r];
+      h[r] = h[k], h[k] = B;
+      const V = C.type.create(C.attrs, h, C.marks), I = s.state.tr.replaceWith(v, v + C.nodeSize, V);
+      s.view.dispatch(I);
     }
-    const g = () => e("svg", {
+    const m = () => e("svg", {
       width: "16",
       height: "4",
       viewBox: "0 0 16 4",
@@ -1152,7 +1165,7 @@ const v1 = /* @__PURE__ */ c({
       cx: "14",
       cy: "2",
       r: "1.5"
-    }, null)]), r = () => e("svg", {
+    }, null)]), c = () => e("svg", {
       width: "4",
       height: "16",
       viewBox: "0 0 4 16",
@@ -1169,7 +1182,7 @@ const v1 = /* @__PURE__ */ c({
       cx: "2",
       cy: "14",
       r: "1.5"
-    }, null)]), C = () => e("svg", {
+    }, null)]), H = () => e("svg", {
       width: "10",
       height: "10",
       viewBox: "0 0 10 10",
@@ -1185,123 +1198,123 @@ const v1 = /* @__PURE__ */ c({
       const i = n.value;
       if (!i) return null;
       const {
-        colIndex: p,
-        rowIndex: w,
-        totalCols: I,
-        totalRows: x,
+        colIndex: s,
+        rowIndex: r,
+        totalCols: x,
+        totalRows: k,
         cellRect: a,
-        tableRect: d,
+        tableRect: C,
         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 = {
+      } = i, h = C.top - v.top, B = C.left - v.left, V = C.right - v.left, I = C.bottom - v.top, M = a.left - v.left, S = a.top - v.top, U = a.width, $ = a.height, ie = {
         position: "absolute",
         top: `${h - 20}px`,
-        left: `${y + U / 2 - 18}px`
+        left: `${M + U / 2 - 18}px`
       }, ue = {
         position: "absolute",
-        top: `${S + O / 2 - 18}px`,
-        left: `${A - 20}px`
+        top: `${S + $ / 2 - 18}px`,
+        left: `${B - 20}px`
       }, re = {
         position: "absolute",
-        top: `${S + O / 2 - 12}px`,
-        left: `${T + 6}px`
+        top: `${S + $ / 2 - 12}px`,
+        left: `${V + 6}px`
       }, ae = {
         position: "absolute",
-        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;
+        top: `${I + 6}px`,
+        left: `${M + U / 2 - 12}px`
+      }, se = s === 0, z = s === x - 1, ce = r === 0, N = r === k - 1, T = t?.value;
       return e("div", {
         class: "table-cell-controls"
       }, [e(j, {
         trigger: "click",
         placement: "bottom",
         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();
+        onCommand: (L) => {
+          L === "move-left" ? d("left") : L === "move-right" ? d("right") : L === "insert-left" ? T?.chain().focus().addColumnBefore().run() : L === "insert-right" ? T?.chain().focus().addColumnAfter().run() : L === "delete" && T?.chain().focus().deleteColumn().run();
         }
       }, {
         default: () => [e("button", {
           class: "tcc-btn tcc-btn--col"
-        }, [e(g, null, null)])],
+        }, [e(m, null, null)])],
         dropdown: () => e(W, null, {
           default: () => [e(E, {
             command: "move-left",
             disabled: se
           }, {
-            default: () => [m("移动列到左侧")]
+            default: () => [g("移动列到左侧")]
           }), e(E, {
             command: "move-right",
-            disabled: $
+            disabled: z
           }, {
-            default: () => [m("移动列到右侧")]
+            default: () => [g("移动列到右侧")]
           }), e(E, {
             command: "insert-left"
           }, {
-            default: () => [m("在左侧插入一列")]
+            default: () => [g("在左侧插入一列")]
           }), e(E, {
             command: "insert-right"
           }, {
-            default: () => [m("在右侧插入一列")]
+            default: () => [g("在右侧插入一列")]
           }), e(E, {
             command: "delete",
             divided: !0
           }, {
-            default: () => [m("删除列")]
+            default: () => [g("删除列")]
           })]
         })
       }), e(j, {
         trigger: "click",
         placement: "right",
         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();
+        onCommand: (L) => {
+          L === "move-up" ? f("up") : L === "move-down" ? f("down") : L === "insert-above" ? T?.chain().focus().addRowBefore().run() : L === "insert-below" ? T?.chain().focus().addRowAfter().run() : L === "delete" && T?.chain().focus().deleteRow().run();
         }
       }, {
         default: () => [e("button", {
           class: "tcc-btn tcc-btn--row"
-        }, [e(r, null, null)])],
+        }, [e(c, null, null)])],
         dropdown: () => e(W, null, {
           default: () => [e(E, {
             command: "move-up",
             disabled: ce
           }, {
-            default: () => [m("上移")]
+            default: () => [g("上移")]
           }), e(E, {
             command: "move-down",
             disabled: N
           }, {
-            default: () => [m("下移")]
+            default: () => [g("下移")]
           }), e(E, {
             command: "insert-above"
           }, {
-            default: () => [m("在上方插入一行")]
+            default: () => [g("在上方插入一行")]
           }), e(E, {
             command: "insert-below"
           }, {
-            default: () => [m("在下方插入一行")]
+            default: () => [g("在下方插入一行")]
           }), e(E, {
             command: "delete",
             divided: !0
           }, {
-            default: () => [m("删除行")]
+            default: () => [g("删除行")]
           })]
         })
-      }), $ && e("button", {
+      }), z && e("button", {
         class: "tcc-btn tcc-btn--add",
         style: re,
-        onClick: () => F?.chain().focus().addColumnAfter().run()
-      }, [e(C, null, null)]), N && e("button", {
+        onClick: () => T?.chain().focus().addColumnAfter().run()
+      }, [e(H, null, null)]), N && e("button", {
         class: "tcc-btn tcc-btn--add",
         style: ae,
-        onClick: () => F?.chain().focus().addRowAfter().run()
-      }, [e(C, null, null)])]);
+        onClick: () => T?.chain().focus().addRowAfter().run()
+      }, [e(H, null, null)])]);
     };
   }
-}), f1 = /* @__PURE__ */ c({
+}), h1 = /* @__PURE__ */ p({
   name: "MathIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -1314,18 +1327,18 @@ const v1 = /* @__PURE__ */ c({
       fill: "currentColor"
     }, null)]);
   }
-}), h1 = /* @__PURE__ */ c({
+}), g1 = /* @__PURE__ */ p({
   name: "MathButton",
   setup() {
-    const t = B("editor"), l = B("openMathDialog");
-    return () => e(b, {
-      icon: f1,
+    const t = A("editor"), l = A("openMathDialog");
+    return () => e(w, {
+      icon: h1,
       tooltip: "数学公式",
       isActive: t?.value?.isActive("inlineMath") || t?.value?.isActive("blockMath"),
       onClick: () => l?.()
     }, null);
   }
-}), g1 = /* @__PURE__ */ c({
+}), m1 = /* @__PURE__ */ p({
   name: "MathEditDialog",
   props: {
     visible: {
@@ -1349,44 +1362,44 @@ const v1 = /* @__PURE__ */ c({
   setup(t, {
     emit: l
   }) {
-    const n = B("editor"), o = H(""), u = H("inline");
-    D(() => t.latex, (r) => {
-      o.value = r;
+    const n = A("editor"), o = y(""), u = y("inline");
+    D(() => t.latex, (c) => {
+      o.value = c;
     }, {
       immediate: !0
-    }), D(() => t.type, (r) => {
-      u.value = r;
+    }), D(() => t.type, (c) => {
+      u.value = c;
     }, {
       immediate: !0
     });
-    const s = V(() => t.pos === null), f = V(() => o.value.trim() ? _e.renderToString(o.value, {
+    const d = F(() => t.pos === null), f = F(() => o.value.trim() ? _e.renderToString(o.value, {
       displayMode: u.value === "block",
       throwOnError: !1
-    }) : ""), g = () => {
-      const r = n?.value;
-      if (!(!r || !o.value.trim())) {
-        if (s.value)
-          u.value === "inline" ? r.chain().focus().insertInlineMath({
+    }) : ""), m = () => {
+      const c = n?.value;
+      if (!(!c || !o.value.trim())) {
+        if (d.value)
+          u.value === "inline" ? c.chain().focus().insertInlineMath({
             latex: o.value
-          }).run() : r.chain().focus().insertBlockMath({
+          }).run() : c.chain().focus().insertBlockMath({
             latex: o.value
           }).run();
         else if (u.value === t.type)
-          t.type === "inline" ? r.commands.updateInlineMath({
+          t.type === "inline" ? c.commands.updateInlineMath({
             latex: o.value,
             pos: t.pos
-          }) : r.commands.updateBlockMath({
+          }) : c.commands.updateBlockMath({
             latex: o.value,
             pos: t.pos
           });
         else {
-          const C = t.pos;
-          t.type === "inline" ? r.chain().focus().deleteInlineMath({
-            pos: C
+          const H = t.pos;
+          t.type === "inline" ? c.chain().focus().deleteInlineMath({
+            pos: H
           }).insertBlockMath({
             latex: o.value
-          }).run() : r.chain().focus().deleteBlockMath({
-            pos: C
+          }).run() : c.chain().focus().deleteBlockMath({
+            pos: H
           }).insertInlineMath({
             latex: o.value
           }).run();
@@ -1396,34 +1409,34 @@ const v1 = /* @__PURE__ */ c({
     };
     return () => e(Se, {
       modelValue: t.visible,
-      title: s.value ? "插入数学公式" : "编辑数学公式",
+      title: d.value ? "插入数学公式" : "编辑数学公式",
       width: "520px",
-      "onUpdate:modelValue": (r) => l("update:visible", r)
+      "onUpdate:modelValue": (c) => l("update:visible", c)
     }, {
       default: () => [e("div", {
         class: "math-dialog"
       }, [e(Ue, {
         modelValue: u.value,
-        "onUpdate:modelValue": (r) => {
-          u.value = r;
+        "onUpdate:modelValue": (c) => {
+          u.value = c;
         }
       }, {
         default: () => [e(q, {
           value: "inline"
         }, {
-          default: () => [m("行内公式")]
+          default: () => [g("行内公式")]
         }), e(q, {
           value: "block"
         }, {
-          default: () => [m("块级公式")]
+          default: () => [g("块级公式")]
         })]
       }), e(X, {
         modelValue: o.value,
         type: "textarea",
         rows: 3,
         placeholder: "请输入 LaTeX 公式，例如：E=mc^2",
-        "onUpdate:modelValue": (r) => {
-          o.value = r;
+        "onUpdate:modelValue": (c) => {
+          o.value = c;
         }
       }, null), e("div", {
         class: ["math-preview", {
@@ -1433,21 +1446,21 @@ const v1 = /* @__PURE__ */ c({
         innerHTML: f.value
       }, null) : e("span", {
         class: "math-preview__placeholder"
-      }, [m("预览将在此处显示")])])])],
+      }, [g("预览将在此处显示")])])])],
       footer: () => e(de, null, [e(Z, {
         onClick: () => l("update:visible", !1)
       }, {
-        default: () => [m("取消")]
+        default: () => [g("取消")]
       }), e(Z, {
         type: "primary",
         disabled: !o.value.trim(),
-        onClick: g
+        onClick: m
       }, {
-        default: () => [m("确认")]
+        default: () => [g("确认")]
       })])
     });
   }
-}), m1 = [{
+}), w1 = [{
   value: "left",
   title: "居左",
   Icon: le
@@ -1460,7 +1473,7 @@ const v1 = /* @__PURE__ */ c({
   title: "居右",
   Icon: oe
 }], _ = (t) => t.preventDefault();
-function w1(t) {
+function b1(t) {
   if (!t.isActive("image")) return null;
   const {
     selection: l
@@ -1474,11 +1487,11 @@ function w1(t) {
     align: n.attrs.align ?? "left"
   };
 }
-function b1(t) {
+function k1(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 k1 = () => e("svg", {
+const x1 = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1496,7 +1509,7 @@ const k1 = () => e("svg", {
   y1: "15",
   x2: "12",
   y2: "3"
-}, null)]), x1 = () => e("svg", {
+}, null)]), H1 = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1509,7 +1522,7 @@ const k1 = () => 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)]), H1 = () => e("svg", {
+}, null)]), y1 = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1526,93 +1539,93 @@ const k1 = () => 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)]), B1 = /* @__PURE__ */ c({
+}, null)]), A1 = /* @__PURE__ */ p({
   name: "ImageControls",
   setup() {
-    const t = B("editor"), l = B("readonly"), n = H(null);
+    const t = A("editor"), l = A("readonly"), n = y(null);
     function o() {
       const u = t?.value;
       if (!u) {
         n.value = null;
         return;
       }
-      n.value = w1(u);
+      n.value = b1(u);
     }
-    return G((u) => {
-      const s = t?.value;
-      s && (s.on("transaction", o), u(() => {
-        s.off("transaction", o);
+    return K((u) => {
+      const d = t?.value;
+      d && (d.on("transaction", o), u(() => {
+        d.off("transaction", o);
       }));
     }), () => {
       const u = n.value;
       if (!u) return null;
-      const s = t?.value;
-      if (!s) return null;
+      const d = t?.value;
+      if (!d) return null;
       const {
         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 = {
+        nodeSize: m,
+        src: c,
+        align: H
+      } = u, i = l?.value ?? !1, s = d.view.nodeDOM(f);
+      if (!s || !(s instanceof HTMLElement)) return null;
+      const r = s.querySelector("[data-resize-wrapper]") ?? s, x = d.view.dom.closest(".tiptap-editor");
+      if (!x) return null;
+      const k = r.getBoundingClientRect(), a = x.getBoundingClientRect(), C = {
         position: "absolute",
-        top: `${x.top - a.top}px`,
-        left: `${x.left - a.left + x.width / 2}px`,
+        top: `${k.top - a.top}px`,
+        left: `${k.left - a.left + k.width / 2}px`,
         transform: "translate(-50%, calc(-100% - 8px))",
         zIndex: 20
       };
       return e("div", {
         class: "image-controls",
-        style: d
-      }, [!i && m1.map(({
+        style: C
+      }, [!i && w1.map(({
         value: v,
         title: h,
-        Icon: A
+        Icon: B
       }) => e("button", {
         key: v,
-        class: ["image-controls-btn", C === v && "is-active"],
+        class: ["image-controls-btn", H === v && "is-active"],
         title: h,
         onMousedown: _,
-        onClick: () => s.chain().focus().updateAttributes("image", {
+        onClick: () => d.chain().focus().updateAttributes("image", {
           align: v
         }).run()
-      }, [e(A, null, null)])), !i && e("span", {
+      }, [e(B, null, null)])), !i && e("span", {
         class: "image-controls-separator"
       }, null), e("button", {
         class: "image-controls-btn",
         title: "下载",
         onMousedown: _,
-        onClick: () => b1(r)
-      }, [e(k1, null, null)]), !i && e("button", {
+        onClick: () => k1(c)
+      }, [e(x1, null, null)]), !i && e("button", {
         class: "image-controls-btn",
         title: "重新上传",
         onMousedown: _,
-        onClick: () => s.chain().focus().deleteRange({
+        onClick: () => d.chain().focus().deleteRange({
           from: f,
-          to: f + g
+          to: f + m
         }).insertContentAt(f, {
           type: "imageUpload"
         }).run()
-      }, [e(x1, null, null)]), !i && e("button", {
+      }, [e(H1, null, null)]), !i && e("button", {
         class: "image-controls-btn",
         title: "删除",
         onMousedown: _,
-        onClick: () => s.chain().focus().deleteRange({
+        onClick: () => d.chain().focus().deleteRange({
           from: f,
-          to: f + g
+          to: f + m
         }).run()
-      }, [e(H1, null, null)])]);
+      }, [e(y1, null, null)])]);
     };
   }
-}), A1 = /* @__PURE__ */ c({
+}), B1 = /* @__PURE__ */ p({
   name: "CodeBlockIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -1628,22 +1641,22 @@ const k1 = () => e("svg", {
       points: "8 6 2 12 8 18"
     }, null)]);
   }
-}), y1 = /* @__PURE__ */ c({
+}), M1 = /* @__PURE__ */ p({
   name: "CodeBlockButton",
   setup() {
-    const t = B("editor");
-    return () => e(b, {
-      icon: A1,
+    const t = A("editor");
+    return () => e(w, {
+      icon: B1,
       tooltip: "代码块",
       isActive: t?.value?.isActive("codeBlock"),
       onClick: () => t?.value?.chain().focus().toggleCodeBlock().run()
     }, null);
   }
-}), M1 = /* @__PURE__ */ c({
+}), L1 = /* @__PURE__ */ p({
   name: "BubbleMenuBar",
   setup() {
-    const t = B("editor"), l = B("readonly");
-    return () => t?.value ? e(Pe, {
+    const t = A("editor"), l = A("readonly");
+    return () => t?.value ? e(Oe, {
       editor: t.value,
       class: "bubble-menu",
       options: {
@@ -1657,29 +1670,29 @@ const k1 = () => e("svg", {
         const {
           editor: o,
           from: u,
-          to: s
+          to: d
         } = n;
-        return !(u === s || o.isActive("image") || o.isActive("table"));
+        return !(u === d || o.isActive("image") || o.isActive("table"));
       }
     }, {
       default: () => [e("div", {
         class: "bubble-menu-content"
-      }, [e(b, {
+      }, [e(w, {
         icon: Q,
         tooltip: "粗体",
         isActive: t.value.isActive("bold"),
         onClick: () => t.value?.chain().focus().toggleBold().run()
-      }, null), e(b, {
+      }, null), e(w, {
         icon: Y,
         tooltip: "斜体",
         isActive: t.value.isActive("italic"),
         onClick: () => t.value?.chain().focus().toggleItalic().run()
-      }, null), e(b, {
+      }, null), e(w, {
         icon: ee,
         tooltip: "删除线",
         isActive: t.value.isActive("strike"),
         onClick: () => t.value?.chain().focus().toggleStrike().run()
-      }, null), e(b, {
+      }, null), e(w, {
         icon: te,
         tooltip: "下划线",
         isActive: t.value.isActive("underline"),
@@ -1687,7 +1700,7 @@ const k1 = () => e("svg", {
       }, null)])]
     }) : null;
   }
-}), I1 = He(Be), W1 = /* @__PURE__ */ c({
+}), I1 = He(ye), q1 = /* @__PURE__ */ p({
   name: "TiptapEditor",
   props: {
     modelValue: {
@@ -1705,17 +1718,46 @@ const k1 = () => e("svg", {
     readonly: {
       type: Boolean,
       default: !1
+    },
+    toolbar: {
+      type: Array,
+      default: void 0
     }
   },
   emits: ["update:modelValue"],
   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);
+    const n = {
+      "undo-redo": Ge,
+      "text-style": e1,
+      "code-block": M1,
+      list: u1,
+      "text-align": l1,
+      image: a1,
+      table: p1,
+      math: g1
+    }, o = F(() => t.toolbar ?? Ne), u = (r, x) => {
+      if (r === "|")
+        return e("div", {
+          key: `separator-${x}`,
+          class: "tiptap-separator"
+        }, null);
+      if (typeof r == "object" && r.type === "custom") {
+        const a = r.component;
+        return e(a, {
+          key: r.key ?? `custom-${x}`
+        }, null);
+      }
+      const k = n[r];
+      return k ? e(k, {
+        key: r
+      }, null) : null;
+    }, d = y(!1), f = y(""), m = y(null), c = y("inline"), H = F(() => t.readonly ?? !1), i = (r = {}) => {
+      H.value || (f.value = r.latex ?? "", m.value = r.pos ?? null, c.value = r.type ?? "inline", d.value = !0);
     };
-    z("openMathDialog", g), z("readonly", f);
-    const r = he({
+    P("openMathDialog", i), P("readonly", H);
+    const s = he({
       content: t.modelValue,
       editable: !t.readonly,
       extensions: [pe.configure({
@@ -1733,7 +1775,7 @@ const k1 = () => e("svg", {
         types: ["heading", "paragraph"]
       }), me, we.configure({
         nested: !0
-      }), ze.configure({
+      }), Pe.configure({
         allowBase64: !0,
         resize: {
           enabled: !0,
@@ -1742,68 +1784,69 @@ const k1 = () => e("svg", {
           minHeight: 50,
           alwaysPreserveAspectRatio: !1
         }
-      }), $e.configure({
+      }), ze.configure({
         ...t.upload ? {
           upload: t.upload
         } : {}
-      }), Te.configure({
+      }), Ve.configure({
         resizable: !0
-      }), Ee, Fe, Ve, Ze.configure({
+      }), Ee, Fe, Te, Ze.configure({
         inlineOptions: {
-          onClick: (C, i) => g({
-            latex: C.attrs.latex,
-            pos: i,
+          onClick: (r, x) => i({
+            latex: r.attrs.latex,
+            pos: x,
             type: "inline"
           })
         },
         blockOptions: {
-          onClick: (C, i) => g({
-            latex: C.attrs.latex,
-            pos: i,
+          onClick: (r, x) => i({
+            latex: r.attrs.latex,
+            pos: x,
             type: "block"
           })
         }
       })],
       onUpdate: ({
-        editor: C
+        editor: r
       }) => {
-        l("update:modelValue", C.getHTML());
+        l("update:modelValue", r.getHTML());
       }
     });
-    return z("editor", r), D(() => t.modelValue, (C) => {
-      r.value && C !== r.value.getHTML() && r.value.commands.setContent(C, {
+    return P("editor", s), D(() => t.modelValue, (r) => {
+      s.value && r !== s.value.getHTML() && s.value.commands.setContent(r, {
         emitUpdate: !1
       });
-    }), D(() => t.readonly, (C) => {
-      r.value?.setEditable(!C);
+    }), D(() => t.readonly, (r) => {
+      s.value?.setEditable(!r);
     }), () => 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, {
+    }, [o.value.map((r, x) => u(r, x))]), 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;
+      editor: s.value
+    }, null), e(L1, null, null), e(f1, null, null), e(A1, null, null), e(m1, {
+      visible: d.value,
+      latex: f.value,
+      pos: m.value,
+      type: c.value,
+      "onUpdate:visible": (r) => {
+        d.value = r;
       }
     }, null)]);
   }
 });
 export {
-  b as IconButton,
-  ze as ImageWithAlign,
-  W1 as TiptapEditor
+  M1 as CodeBlockButton,
+  Ne as DEFAULT_TOOLBAR_CONFIG,
+  w as IconButton,
+  a1 as ImageButton,
+  Pe as ImageWithAlign,
+  u1 as ListButton,
+  g1 as MathButton,
+  p1 as TableButton,
+  l1 as TextAlignButton,
+  e1 as TextStyleButton,
+  q1 as TiptapEditor,
+  Ge as UndoRedoButton
 };