@mario9/tiptap-editor 1.0.1 → 1.0.2

package/dist/tiptap-editor.js

@@ -1,14 +1,14 @@
-import { defineComponent as c, createVNode as e, mergeProps as b, inject as H, computed as T, provide as P, watch as R, ref as x, nextTick as z, createTextVNode as m, watchEffect as G, Fragment as de, h as pe } from "vue";
+import { defineComponent as s, createVNode as e, mergeProps as b, inject as y, ref as H, computed as T, provide as P, watch as _, createTextVNode as g, watchEffect as K, Fragment as de, h as pe } from "vue";
 import Ce from "@tiptap/starter-kit";
 import { useEditor as ve, EditorContent as fe, nodeViewProps as he, NodeViewWrapper as me, VueNodeViewRenderer as ge } from "@tiptap/vue-3";
 import { TaskList as we, TaskItem as be } from "@tiptap/extension-list";
-import { TextAlign as ke } from "@tiptap/extension-text-align";
-import { Placeholder as xe } from "@tiptap/extension-placeholder";
+import { TextAlign as xe } from "@tiptap/extension-text-align";
+import { Placeholder as ke } from "@tiptap/extension-placeholder";
 import { BubbleMenu as He } from "@tiptap/vue-3/menus";
-import { ElTooltip as D, ElButton as Z, ElPopover as J, ElInput as X, ElDropdown as j, ElDropdownMenu as W, ElDropdownItem as E, ElDialog as ye, ElRadioGroup as Be, ElRadioButton as q } from "element-plus";
+import { ElTooltip as D, ElButton as Z, ElPopover as G, ElInput as J, ElDropdown as N, ElDropdownMenu as j, ElDropdownItem as L, ElDialog as ye, ElRadioGroup as Be, ElRadioButton as W } from "element-plus";
 import { Image as Ae } from "@tiptap/extension-image";
 import { Plugin as Me, NodeSelection as Ie } from "@tiptap/pm/state";
-import { Decoration as Le, DecorationSet as Ee } from "@tiptap/pm/view";
+import { Decoration as Ee, DecorationSet as Le } from "@tiptap/pm/view";
 import { CodeBlockLowlight as Fe } from "@tiptap/extension-code-block-lowlight";
 import { createLowlight as Te, common as Ve } from "lowlight";
 import { TableRow as Ze, TableHeader as De, TableCell as Re, Table as Se } from "@tiptap/extension-table";
@@ -34,7 +34,7 @@ const Oe = {
   onClick: {
     type: Function
   }
-}, w = /* @__PURE__ */ c({
+}, w = /* @__PURE__ */ s({
   name: "IconButton",
   props: Oe,
   setup(t) {
@@ -54,7 +54,7 @@ const Oe = {
       }, null)]
     });
   }
-}), Q = /* @__PURE__ */ c({
+}), X = /* @__PURE__ */ s({
   name: "BoldIcon",
   setup(t, {
     attrs: l
@@ -72,7 +72,7 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), Y = /* @__PURE__ */ c({
+}), Q = /* @__PURE__ */ s({
   name: "ItalicIcon",
   setup(t, {
     attrs: l
@@ -88,7 +88,7 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), ee = /* @__PURE__ */ c({
+}), Y = /* @__PURE__ */ s({
   name: "StrikeIcon",
   setup(t, {
     attrs: l
@@ -107,7 +107,7 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), te = /* @__PURE__ */ c({
+}), ee = /* @__PURE__ */ s({
   name: "UnderlineIcon",
   setup(t, {
     attrs: l
@@ -125,10 +125,192 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), $e = /* @__PURE__ */ c({
+}), $e = /* @__PURE__ */ s({
+  name: "LinkIcon",
+  setup(t, {
+    attrs: l
+  }) {
+    return () => e("svg", b({
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, l), [e("path", {
+      d: "M16.9958 1.06669C15.4226 1.05302 13.907 1.65779 12.7753 2.75074L12.765 2.76086L11.045 4.47086C10.6534 4.86024 10.6515 5.49341 11.0409 5.88507C11.4303 6.27673 12.0634 6.27858 12.4551 5.88919L14.1697 4.18456C14.9236 3.45893 15.9319 3.05752 16.9784 3.06662C18.0272 3.07573 19.0304 3.49641 19.772 4.23804C20.5137 4.97967 20.9344 5.98292 20.9435 7.03171C20.9526 8.07776 20.5515 9.08563 19.8265 9.83941L16.833 12.8329C16.4274 13.2386 15.9393 13.5524 15.4019 13.7529C14.8645 13.9533 14.2903 14.0359 13.7181 13.9949C13.146 13.9539 12.5894 13.7904 12.0861 13.5154C11.5827 13.2404 11.1444 12.8604 10.8008 12.401C10.47 11.9588 9.84333 11.8685 9.40108 12.1993C8.95883 12.5301 8.86849 13.1568 9.1993 13.599C9.71464 14.288 10.3721 14.858 11.1272 15.2705C11.8822 15.683 12.7171 15.9283 13.5753 15.9898C14.4334 16.0513 15.2948 15.9274 16.1009 15.6267C16.907 15.326 17.639 14.8555 18.2473 14.247L21.2472 11.2471L21.2593 11.2347C22.3523 10.1031 22.9571 8.58751 22.9434 7.01433C22.9297 5.44115 22.2987 3.93628 21.1863 2.82383C20.0738 1.71138 18.5689 1.08036 16.9958 1.06669Z",
+      fill: "currentColor"
+    }, null), e("path", {
+      d: "M10.4247 8.0102C9.56657 7.94874 8.70522 8.07256 7.89911 8.37326C7.09305 8.67395 6.36096 9.14458 5.75272 9.753L2.75285 12.7529L2.74067 12.7653C1.64772 13.8969 1.04295 15.4125 1.05662 16.9857C1.07029 18.5589 1.70131 20.0637 2.81376 21.1762C3.9262 22.2886 5.43108 22.9196 7.00426 22.9333C8.57744 22.947 10.0931 22.3422 11.2247 21.2493L11.2371 21.2371L12.9471 19.5271C13.3376 19.1366 13.3376 18.5034 12.9471 18.1129C12.5565 17.7223 11.9234 17.7223 11.5328 18.1129L9.82932 19.8164C9.07555 20.5414 8.06768 20.9425 7.02164 20.9334C5.97285 20.9243 4.9696 20.5036 4.22797 19.762C3.48634 19.0203 3.06566 18.0171 3.05655 16.9683C3.04746 15.9222 3.44851 14.9144 4.17355 14.1606L7.16719 11.167C7.5727 10.7613 8.06071 10.4476 8.59811 10.2471C9.13552 10.0467 9.70976 9.96412 10.2819 10.0051C10.854 10.0461 11.4106 10.2096 11.9139 10.4846C12.4173 10.7596 12.8556 11.1397 13.1992 11.599C13.53 12.0412 14.1567 12.1316 14.5989 11.8007C15.0412 11.4699 15.1315 10.8433 14.8007 10.401C14.2854 9.71205 13.6279 9.14198 12.8729 8.72948C12.1178 8.31697 11.2829 8.07166 10.4247 8.0102Z",
+      fill: "currentColor"
+    }, null)]);
+  }
+}), Ne = /* @__PURE__ */ s({
+  name: "CornerDownLeftIcon",
+  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: "9 10 4 15 9 20"
+    }, null), e("path", {
+      d: "M20 4v7a4 4 0 0 1-4 4H4"
+    }, null)]);
+  }
+}), je = /* @__PURE__ */ s({
+  name: "ExternalLinkIcon",
+  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("path", {
+      d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
+    }, null), e("polyline", {
+      points: "15 3 21 3 21 9"
+    }, null), e("line", {
+      x1: "10",
+      y1: "14",
+      x2: "21",
+      y2: "3"
+    }, null)]);
+  }
+}), We = /* @__PURE__ */ s({
+  name: "TrashIcon",
+  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: "3 6 5 6 21 6"
+    }, null), e("path", {
+      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)]);
+  }
+}), te = /* @__PURE__ */ s({
+  name: "LinkPopover",
+  setup() {
+    const t = y("editor"), l = H(!1), n = H(""), o = () => {
+      const C = t?.value;
+      if (!C || !n.value) return;
+      const {
+        empty: h
+      } = C.state.selection;
+      let c = C.chain().focus().extendMarkRange("link").setLink({
+        href: n.value
+      });
+      h && (c = c.insertContent({
+        type: "text",
+        text: n.value
+      })), c.run(), l.value = !1;
+    }, i = () => {
+      const C = t?.value;
+      C && (C.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", l.value = !1);
+    }, u = () => {
+      const C = t?.value?.getAttributes("link").href;
+      C && window.open(C, "_blank", "noopener,noreferrer");
+    }, v = (C) => {
+      C.key === "Enter" && (C.preventDefault(), o());
+    }, p = (C) => {
+      C && (n.value = t?.value?.getAttributes("link").href ?? ""), l.value = C;
+    }, a = (C) => {
+      n.value = C;
+    };
+    return () => {
+      const C = t?.value?.isActive("link") ?? !1;
+      return e(G, {
+        visible: l.value,
+        "onUpdate:visible": p,
+        placement: "bottom",
+        width: 300,
+        trigger: "click",
+        showArrow: !1,
+        popperClass: "tiptap-link-popover-popper",
+        offset: 6
+      }, {
+        reference: () => e("span", null, [e(w, {
+          tooltip: "链接",
+          icon: $e,
+          isActive: C
+        }, null)]),
+        default: () => e("div", {
+          class: "tiptap-link-popover-inner"
+        }, [e(J, {
+          modelValue: n.value,
+          "onUpdate:modelValue": a,
+          type: "url",
+          placeholder: "请输入链接...",
+          size: "small",
+          autofocus: !0,
+          onKeydown: v
+        }, null), e("div", {
+          class: "tiptap-link-popover-actions"
+        }, [e(D, {
+          content: "确认",
+          showArrow: !1,
+          offset: 4
+        }, {
+          default: () => [e(Z, {
+            text: !0,
+            icon: Ne,
+            disabled: !n.value,
+            onClick: o
+          }, null)]
+        }), e(D, {
+          content: "在新标签页打开",
+          showArrow: !1,
+          offset: 4
+        }, {
+          default: () => [e(Z, {
+            text: !0,
+            icon: je,
+            disabled: !n.value && !C,
+            onClick: u
+          }, null)]
+        }), e(D, {
+          content: "移除链接",
+          showArrow: !1,
+          offset: 4
+        }, {
+          default: () => [e(Z, {
+            text: !0,
+            icon: We,
+            disabled: !C,
+            onClick: i
+          }, null)]
+        })])])
+      });
+    };
+  }
+}), qe = /* @__PURE__ */ s({
   name: "BubbleMenuBar",
   setup() {
-    const t = H("editor"), l = H("readonly");
+    const t = y("editor"), l = y("readonly");
     return () => t?.value ? e(He, {
       editor: t.value,
       class: "bubble-menu",
@@ -149,31 +331,31 @@ const Oe = {
       }
     }, {
       default: () => [e("div", {
-        class: "bubble-menu-content"
+        class: "tiptap-bubble-menu"
       }, [e(w, {
-        icon: Q,
+        icon: X,
         tooltip: "粗体",
         isActive: t.value.isActive("bold"),
         onClick: () => t.value?.chain().focus().toggleBold().run()
       }, null), e(w, {
-        icon: Y,
+        icon: Q,
         tooltip: "斜体",
         isActive: t.value.isActive("italic"),
         onClick: () => t.value?.chain().focus().toggleItalic().run()
       }, null), e(w, {
-        icon: ee,
+        icon: Y,
         tooltip: "删除线",
         isActive: t.value.isActive("strike"),
         onClick: () => t.value?.chain().focus().toggleStrike().run()
       }, null), e(w, {
-        icon: te,
+        icon: ee,
         tooltip: "下划线",
         isActive: t.value.isActive("underline"),
         onClick: () => t.value?.chain().focus().toggleUnderline().run()
-      }, null)])]
+      }, null), e(te, null, null)])]
     }) : null;
   }
-}), qt = /* @__PURE__ */ c({
+}), Wt = /* @__PURE__ */ s({
   name: "TiptapEditor",
   props: {
     modelValue: {
@@ -219,9 +401,9 @@ const Oe = {
           openOnClick: !1,
           enableClickSelection: !0
         }
-      }), xe.configure({
-        placeholder: t.placeholder
       }), ke.configure({
+        placeholder: t.placeholder
+      }), xe.configure({
         types: ["heading", "paragraph"]
       }), we, be.configure({
         nested: !0
@@ -234,11 +416,11 @@ const Oe = {
         l("update:modelValue", u.getHTML());
       }
     });
-    return P("editor", i), R(() => t.modelValue, (u) => {
+    return P("editor", i), _(() => t.modelValue, (u) => {
       i.value && u !== i.value.getHTML() && i.value.commands.setContent(u, {
         emitUpdate: !1
       });
-    }), R(() => t.readonly, (u) => {
+    }), _(() => t.readonly, (u) => {
       i.value?.setEditable(!u);
     }), () => e("div", {
       class: "tiptap-editor"
@@ -254,7 +436,7 @@ const Oe = {
     })]), e(fe, {
       class: "tiptap-content",
       editor: i.value
-    }, null), e($e, null, null), o.map(({
+    }, null), e(qe, null, null), o.map(({
       plugin: u,
       result: v
     }) => {
@@ -264,7 +446,7 @@ const Oe = {
       }, null) : null;
     })]);
   }
-}), Ne = Ae.extend({
+}), Ke = Ae.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
@@ -284,17 +466,17 @@ const Oe = {
             const n = [];
             return l.doc.descendants((o, i) => {
               o.type.name === t && o.attrs.align && n.push(
-                Le.node(i, i + o.nodeSize, {
+                Ee.node(i, i + o.nodeSize, {
                   "data-align": o.attrs.align
                 })
               );
-            }), Ee.create(l.doc, n);
+            }), Le.create(l.doc, n);
           }
         }
       })
     ];
   }
-}), je = /* @__PURE__ */ c({
+}), Ge = /* @__PURE__ */ s({
   name: "UndoIcon",
   setup(t, {
     attrs: l
@@ -312,7 +494,7 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), We = /* @__PURE__ */ c({
+}), Je = /* @__PURE__ */ s({
   name: "RedoIcon",
   setup(t, {
     attrs: l
@@ -330,253 +512,57 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), qe = /* @__PURE__ */ c({
+}), Xe = /* @__PURE__ */ s({
   name: "UndoRedoButton",
   setup() {
-    const t = H("editor"), l = T(() => t?.value?.can().undo() ?? !1), n = T(() => t?.value?.can().redo() ?? !1);
+    const t = y("editor"), l = T(() => t?.value?.can().undo() ?? !1), n = T(() => t?.value?.can().redo() ?? !1);
     return () => e("div", null, [e(w, {
-      icon: je,
+      icon: Ge,
       tooltip: "撤销",
       disabled: !l.value,
       onClick: () => t?.value?.chain().focus().undo().run()
     }, null), e(w, {
-      icon: We,
+      icon: Je,
       tooltip: "重做",
       disabled: !n.value,
       onClick: () => t?.value?.chain().focus().redo().run()
     }, null)]);
   }
-}), Kt = {
+}), qt = {
   name: "undo-redo",
   install: () => ({ extensions: [] }),
-  toolbarComponent: qe
-}, Ke = /* @__PURE__ */ c({
-  name: "LinkIcon",
-  setup(t, {
-    attrs: l
-  }) {
-    return () => e("svg", b({
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, l), [e("path", {
-      d: "M16.9958 1.06669C15.4226 1.05302 13.907 1.65779 12.7753 2.75074L12.765 2.76086L11.045 4.47086C10.6534 4.86024 10.6515 5.49341 11.0409 5.88507C11.4303 6.27673 12.0634 6.27858 12.4551 5.88919L14.1697 4.18456C14.9236 3.45893 15.9319 3.05752 16.9784 3.06662C18.0272 3.07573 19.0304 3.49641 19.772 4.23804C20.5137 4.97967 20.9344 5.98292 20.9435 7.03171C20.9526 8.07776 20.5515 9.08563 19.8265 9.83941L16.833 12.8329C16.4274 13.2386 15.9393 13.5524 15.4019 13.7529C14.8645 13.9533 14.2903 14.0359 13.7181 13.9949C13.146 13.9539 12.5894 13.7904 12.0861 13.5154C11.5827 13.2404 11.1444 12.8604 10.8008 12.401C10.47 11.9588 9.84333 11.8685 9.40108 12.1993C8.95883 12.5301 8.86849 13.1568 9.1993 13.599C9.71464 14.288 10.3721 14.858 11.1272 15.2705C11.8822 15.683 12.7171 15.9283 13.5753 15.9898C14.4334 16.0513 15.2948 15.9274 16.1009 15.6267C16.907 15.326 17.639 14.8555 18.2473 14.247L21.2472 11.2471L21.2593 11.2347C22.3523 10.1031 22.9571 8.58751 22.9434 7.01433C22.9297 5.44115 22.2987 3.93628 21.1863 2.82383C20.0738 1.71138 18.5689 1.08036 16.9958 1.06669Z",
-      fill: "currentColor"
-    }, null), e("path", {
-      d: "M10.4247 8.0102C9.56657 7.94874 8.70522 8.07256 7.89911 8.37326C7.09305 8.67395 6.36096 9.14458 5.75272 9.753L2.75285 12.7529L2.74067 12.7653C1.64772 13.8969 1.04295 15.4125 1.05662 16.9857C1.07029 18.5589 1.70131 20.0637 2.81376 21.1762C3.9262 22.2886 5.43108 22.9196 7.00426 22.9333C8.57744 22.947 10.0931 22.3422 11.2247 21.2493L11.2371 21.2371L12.9471 19.5271C13.3376 19.1366 13.3376 18.5034 12.9471 18.1129C12.5565 17.7223 11.9234 17.7223 11.5328 18.1129L9.82932 19.8164C9.07555 20.5414 8.06768 20.9425 7.02164 20.9334C5.97285 20.9243 4.9696 20.5036 4.22797 19.762C3.48634 19.0203 3.06566 18.0171 3.05655 16.9683C3.04746 15.9222 3.44851 14.9144 4.17355 14.1606L7.16719 11.167C7.5727 10.7613 8.06071 10.4476 8.59811 10.2471C9.13552 10.0467 9.70976 9.96412 10.2819 10.0051C10.854 10.0461 11.4106 10.2096 11.9139 10.4846C12.4173 10.7596 12.8556 11.1397 13.1992 11.599C13.53 12.0412 14.1567 12.1316 14.5989 11.8007C15.0412 11.4699 15.1315 10.8433 14.8007 10.401C14.2854 9.71205 13.6279 9.14198 12.8729 8.72948C12.1178 8.31697 11.2829 8.07166 10.4247 8.0102Z",
-      fill: "currentColor"
-    }, null)]);
-  }
-}), Ge = /* @__PURE__ */ c({
-  name: "CornerDownLeftIcon",
-  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: "9 10 4 15 9 20"
-    }, null), e("path", {
-      d: "M20 4v7a4 4 0 0 1-4 4H4"
-    }, null)]);
-  }
-}), Je = /* @__PURE__ */ c({
-  name: "ExternalLinkIcon",
-  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("path", {
-      d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
-    }, null), e("polyline", {
-      points: "15 3 21 3 21 9"
-    }, null), e("line", {
-      x1: "10",
-      y1: "14",
-      x2: "21",
-      y2: "3"
-    }, null)]);
-  }
-}), Xe = /* @__PURE__ */ c({
-  name: "TrashIcon",
-  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: "3 6 5 6 21 6"
-    }, null), e("path", {
-      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({
-  name: "LinkPopover",
-  setup() {
-    const t = H("editor"), l = x(!1), n = x("");
-    let o = !1;
-    R(() => t?.value?.isActive("link"), (r) => {
-      o || r && (n.value = t?.value?.getAttributes("link").href ?? "", z(() => {
-        l.value = !0;
-      }));
-    });
-    const i = () => {
-      const r = t?.value;
-      if (!r || !n.value) return;
-      o = !0;
-      const {
-        empty: C
-      } = r.state.selection;
-      let g = r.chain().focus().extendMarkRange("link").setLink({
-        href: n.value
-      });
-      C && (g = g.insertContent({
-        type: "text",
-        text: n.value
-      })), g.run(), l.value = !1, z(() => {
-        o = !1;
-      });
-    }, u = () => {
-      const r = t?.value;
-      r && (o = !0, r.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", l.value = !1, z(() => {
-        o = !1;
-      }));
-    }, v = () => {
-      const r = t?.value?.getAttributes("link").href;
-      r && window.open(r, "_blank", "noopener,noreferrer");
-    }, p = (r) => {
-      r.key === "Enter" && (r.preventDefault(), i());
-    }, s = (r) => {
-      r && (n.value = t?.value?.getAttributes("link").href ?? ""), l.value = r;
-    }, B = (r) => {
-      n.value = r;
-    };
-    return () => {
-      const r = t?.value?.isActive("link") ?? !1;
-      return e(J, {
-        visible: l.value,
-        "onUpdate:visible": s,
-        placement: "bottom",
-        width: 300,
-        trigger: "click",
-        showArrow: !1,
-        popperClass: "link-popover-popper",
-        offset: 6
-      }, {
-        reference: () => e("span", null, [e(w, {
-          tooltip: "链接",
-          icon: Ke,
-          class: ["tiptap-button", {
-            "is-active": r
-          }]
-        }, null)]),
-        default: () => e("div", {
-          class: "link-popover-inner"
-        }, [e(X, {
-          modelValue: n.value,
-          "onUpdate:modelValue": B,
-          type: "url",
-          placeholder: "请输入链接...",
-          size: "small",
-          autofocus: !0,
-          onKeydown: p
-        }, null), e("div", {
-          class: "link-popover-actions"
-        }, [e(D, {
-          content: "确认",
-          showArrow: !1,
-          offset: 4
-        }, {
-          default: () => [e(Z, {
-            text: !0,
-            icon: Ge,
-            disabled: !n.value,
-            onClick: i
-          }, null)]
-        }), e(D, {
-          content: "在新标签页打开",
-          showArrow: !1,
-          offset: 4
-        }, {
-          default: () => [e(Z, {
-            text: !0,
-            icon: Je,
-            disabled: !n.value && !r,
-            onClick: v
-          }, null)]
-        }), e(D, {
-          content: "移除链接",
-          showArrow: !1,
-          offset: 4
-        }, {
-          default: () => [e(Z, {
-            text: !0,
-            icon: Xe,
-            disabled: !r,
-            onClick: u
-          }, null)]
-        })])])
-      });
-    };
-  }
-}), Ye = /* @__PURE__ */ c({
+  toolbarComponent: Xe
+}, Qe = /* @__PURE__ */ s({
   name: "TextStyleButton",
   setup() {
-    const t = H("editor");
+    const t = y("editor");
     return () => e("div", null, [e(w, {
-      icon: Q,
+      icon: X,
       tooltip: "粗体",
       isActive: t?.value?.isActive("bold"),
       onClick: () => t?.value?.chain().focus().toggleBold().run()
     }, null), e(w, {
-      icon: Y,
+      icon: Q,
       tooltip: "斜体",
       isActive: t?.value?.isActive("italic"),
       onClick: () => t?.value?.chain().focus().toggleItalic().run()
     }, null), e(w, {
-      icon: ee,
+      icon: Y,
       tooltip: "删除线",
       isActive: t?.value?.isActive("strike"),
       onClick: () => t?.value?.chain().focus().toggleStrike().run()
     }, null), e(w, {
-      icon: te,
+      icon: ee,
       tooltip: "下划线",
       isActive: t?.value?.isActive("underline"),
       onClick: () => t?.value?.chain().focus().toggleUnderline().run()
-    }, null), e(Qe, null, null)]);
+    }, null), e(te, null, null)]);
   }
-}), Gt = {
+}), Kt = {
   name: "text-style",
   install: () => ({ extensions: [] }),
-  toolbarComponent: Ye
-}, le = /* @__PURE__ */ c({
+  toolbarComponent: Qe
+}, le = /* @__PURE__ */ s({
   name: "AlignLeftIcon",
   setup(t, {
     attrs: l
@@ -604,7 +590,7 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), ne = /* @__PURE__ */ c({
+}), ne = /* @__PURE__ */ s({
   name: "AlignCenterIcon",
   setup(t, {
     attrs: l
@@ -632,7 +618,7 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), oe = /* @__PURE__ */ c({
+}), oe = /* @__PURE__ */ s({
   name: "AlignRightIcon",
   setup(t, {
     attrs: l
@@ -660,7 +646,7 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), et = /* @__PURE__ */ c({
+}), Ye = /* @__PURE__ */ s({
   name: "AlignJustifyIcon",
   setup(t, {
     attrs: l
@@ -688,10 +674,10 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), tt = /* @__PURE__ */ c({
+}), et = /* @__PURE__ */ s({
   name: "TextAlignButton",
   setup() {
-    const t = H("editor");
+    const t = y("editor");
     return () => e("div", null, [e(w, {
       icon: le,
       tooltip: "左边对齐",
@@ -714,7 +700,7 @@ const Oe = {
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("right").run()
     }, null), e(w, {
-      icon: et,
+      icon: Ye,
       tooltip: "两端对齐",
       isActive: t?.value?.isActive({
         textAlign: "justify"
@@ -722,11 +708,11 @@ const Oe = {
       onClick: () => t?.value?.chain().focus().setTextAlign("justify").run()
     }, null)]);
   }
-}), Jt = {
+}), Gt = {
   name: "text-align",
   install: () => ({ extensions: [] }),
-  toolbarComponent: tt
-}, lt = /* @__PURE__ */ c({
+  toolbarComponent: et
+}, tt = /* @__PURE__ */ s({
   name: "ListIcon",
   setup(t, {
     attrs: l
@@ -769,7 +755,7 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), nt = /* @__PURE__ */ c({
+}), lt = /* @__PURE__ */ s({
   name: "ListOrderedIcon",
   setup(t, {
     attrs: l
@@ -812,7 +798,7 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), ot = /* @__PURE__ */ c({
+}), nt = /* @__PURE__ */ s({
   name: "ListTodoIcon",
   setup(t, {
     attrs: l
@@ -850,32 +836,32 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), it = /* @__PURE__ */ c({
+}), ot = /* @__PURE__ */ s({
   name: "ListButton",
   setup() {
-    const t = H("editor");
+    const t = y("editor");
     return () => e("div", null, [e(w, {
-      icon: lt,
+      icon: tt,
       tooltip: "无序列表",
       isActive: t?.value?.isActive("bulletList"),
       onClick: () => t?.value?.chain().focus().toggleBulletList().run()
     }, null), e(w, {
-      icon: nt,
+      icon: lt,
       tooltip: "有序列表",
       isActive: t?.value?.isActive("orderedList"),
       onClick: () => t?.value?.chain().focus().toggleOrderedList().run()
     }, null), e(w, {
-      icon: ot,
+      icon: nt,
       tooltip: "任务列表",
       isActive: t?.value?.isActive("taskList"),
       onClick: () => t?.value?.chain().focus().toggleTaskList().run()
     }, null)]);
   }
-}), Xt = {
+}), Jt = {
   name: "list",
   install: () => ({ extensions: [] }),
-  toolbarComponent: it
-}, ut = /* @__PURE__ */ c({
+  toolbarComponent: ot
+}, it = /* @__PURE__ */ s({
   name: "CodeBlockIcon",
   setup(t, {
     attrs: l
@@ -896,24 +882,24 @@ const Oe = {
       points: "8 6 2 12 8 18"
     }, null)]);
   }
-}), rt = /* @__PURE__ */ c({
+}), ut = /* @__PURE__ */ s({
   name: "CodeBlockButton",
   setup() {
-    const t = H("editor");
+    const t = y("editor");
     return () => e(w, {
-      icon: ut,
+      icon: it,
       tooltip: "代码块",
       isActive: t?.value?.isActive("codeBlock"),
       onClick: () => t?.value?.chain().focus().toggleCodeBlock().run()
     }, null);
   }
-}), at = Te(Ve), Qt = {
+}), rt = Te(Ve), Xt = {
   name: "code-block",
   install: () => ({
-    extensions: [Fe.configure({ lowlight: at, defaultLanguage: "plaintext" })]
+    extensions: [Fe.configure({ lowlight: rt, defaultLanguage: "plaintext" })]
   }),
-  toolbarComponent: rt
-}, st = /* @__PURE__ */ c({
+  toolbarComponent: ut
+}, at = /* @__PURE__ */ s({
   name: "TableIcon",
   setup(t, {
     attrs: l
@@ -931,26 +917,26 @@ const Oe = {
       fill: "currentColor"
     }, null)]);
   }
-}), ct = 8, dt = 8, pt = /* @__PURE__ */ c({
+}), st = 8, ct = 8, dt = /* @__PURE__ */ s({
   name: "TableButton",
   setup() {
-    const t = H("editor"), l = x(!1), n = x(0), o = x(0), i = (p, s) => {
-      n.value = p, o.value = s;
+    const t = y("editor"), l = H(!1), n = H(0), o = H(0), i = (p, a) => {
+      n.value = p, o.value = a;
     }, u = () => {
       n.value = 0, o.value = 0;
-    }, v = (p, s) => {
+    }, v = (p, a) => {
       t?.value?.chain().focus().insertTable({
-        rows: s,
+        rows: a,
         cols: p,
         withHeaderRow: !0
       }).run(), l.value = !1;
     };
-    return () => e(J, {
+    return () => e(G, {
       visible: l.value,
       "onUpdate:visible": (p) => l.value = p,
       trigger: "click",
       placement: "bottom-start",
-      popperClass: "table-picker-popper",
+      popperClass: "tiptap-table-picker-popper",
       width: "auto",
       showArrow: !1
     }, {
@@ -966,43 +952,43 @@ const Oe = {
             "is-active": l.value
           }]
         }, {
-          default: () => [e(st, {
+          default: () => [e(at, {
             class: "tiptap-button-icon"
           }, null)]
         })]
       })]),
       default: () => e("div", {
-        class: "table-picker"
+        class: "tiptap-table-picker"
       }, [e("div", {
-        class: "table-picker-grid",
+        class: "tiptap-table-picker-grid",
         onMouseleave: u
-      }, [Array.from({
-        length: dt
-      }, (p, s) => e("div", {
-        key: s,
-        class: "table-picker-row"
       }, [Array.from({
         length: ct
-      }, (B, r) => e("div", {
-        key: r,
-        class: ["table-picker-cell", {
-          "is-active": r < n.value && s < o.value
+      }, (p, a) => e("div", {
+        key: a,
+        class: "tiptap-table-picker-row"
+      }, [Array.from({
+        length: st
+      }, (C, h) => e("div", {
+        key: h,
+        class: ["tiptap-table-picker-cell", {
+          "is-active": h < n.value && a < o.value
         }],
-        onMouseenter: () => i(r + 1, s + 1),
-        onClick: () => v(r + 1, s + 1)
+        onMouseenter: () => i(h + 1, a + 1),
+        onClick: () => v(h + 1, a + 1)
       }, null))]))]), e("div", {
-        class: "table-picker-footer"
+        class: "tiptap-table-picker-footer"
       }, [e("div", {
-        class: "table-picker-counter"
-      }, [e("span", null, [m("列")]), e("span", null, [n.value || 1])]), e("span", {
-        class: "table-picker-x"
-      }, [m("x")]), e("div", {
-        class: "table-picker-counter"
-      }, [e("span", null, [m("行")]), e("span", null, [o.value || 1])])])])
+        class: "tiptap-table-picker-counter"
+      }, [e("span", null, [g("列")]), e("span", null, [n.value || 1])]), e("span", {
+        class: "tiptap-table-picker-x"
+      }, [g("x")]), e("div", {
+        class: "tiptap-table-picker-counter"
+      }, [e("span", null, [g("行")]), e("span", null, [o.value || 1])])])])
     });
   }
 });
-function Ct(t) {
+function pt(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;
@@ -1010,27 +996,27 @@ function Ct(t) {
   }
   return null;
 }
-function vt(t) {
+function Ct(t) {
   if (!t.isActive("tableCell") && !t.isActive("tableHeader")) return null;
   const {
     node: l
-  } = t.view.domAtPos(t.state.selection.from), n = Ct(l);
+  } = t.view.domAtPos(t.state.selection.from), n = pt(l);
   if (!n) return null;
   const o = n.parentElement, i = o.parentElement, u = n.closest("table");
   if (!u) return null;
-  const v = Array.from(o.children).indexOf(n), p = Array.from(i.children).indexOf(o), s = o.children.length, B = i.children.length, r = n.getBoundingClientRect(), C = u.getBoundingClientRect(), g = t.view.dom.closest(".tiptap-editor").getBoundingClientRect();
+  const v = Array.from(o.children).indexOf(n), p = Array.from(i.children).indexOf(o), a = o.children.length, C = i.children.length, h = n.getBoundingClientRect(), c = u.getBoundingClientRect(), x = t.view.dom.closest(".tiptap-editor").getBoundingClientRect();
   return {
     cell: n,
     colIndex: v,
     rowIndex: p,
-    totalCols: s,
-    totalRows: B,
-    cellRect: r,
-    tableRect: C,
-    editorRect: g
+    totalCols: a,
+    totalRows: C,
+    cellRect: h,
+    tableRect: c,
+    editorRect: x
   };
 }
-function K(t) {
+function q(t) {
   const {
     state: l
   } = t, n = l.selection.from;
@@ -1043,71 +1029,71 @@ function K(t) {
       }, !1;
   }), o;
 }
-const ft = /* @__PURE__ */ c({
+const vt = /* @__PURE__ */ s({
   name: "TableControls",
   setup() {
-    const t = H("editor"), l = H("readonly"), n = x(null), o = x(null);
+    const t = y("editor"), l = y("readonly"), n = H(null), o = H(null);
     function i() {
-      const r = t?.value;
-      if (o.value && (o.value.classList.remove("tcc-cell-focused"), o.value = null), !r) {
+      const h = t?.value;
+      if (o.value && (o.value.classList.remove("tiptap-cell-focused"), o.value = null), !h) {
         n.value = null;
         return;
       }
-      const C = vt(r);
-      n.value = C, C && (C.cell.classList.add("tcc-cell-focused"), o.value = C.cell);
+      const c = Ct(h);
+      n.value = c, c && (c.cell.classList.add("tiptap-cell-focused"), o.value = c.cell);
     }
-    G((r) => {
-      const C = t?.value;
-      C && (C.on("selectionUpdate", i), C.on("transaction", i), r(() => {
-        C.off("selectionUpdate", i), C.off("transaction", i), o.value && (o.value.classList.remove("tcc-cell-focused"), o.value = null);
+    K((h) => {
+      const c = t?.value;
+      c && (c.on("selectionUpdate", i), c.on("transaction", i), h(() => {
+        c.off("selectionUpdate", i), c.off("transaction", i), o.value && (o.value.classList.remove("tiptap-cell-focused"), o.value = null);
       }));
     });
-    function u(r) {
-      const C = t?.value;
-      if (!C || !n.value) return;
+    function u(h) {
+      const c = t?.value;
+      if (!c || !n.value) return;
       const {
-        colIndex: g,
+        colIndex: x,
         totalCols: I
-      } = n.value, k = r === "left" ? g - 1 : g + 1;
+      } = n.value, k = h === "left" ? x - 1 : x + 1;
       if (k < 0 || k >= I) return;
-      const a = K(C);
-      if (!a) return;
+      const r = q(c);
+      if (!r) return;
       const {
         node: d,
         pos: f
-      } = a, h = [];
-      d.forEach((L) => {
-        if (L.type.name !== "tableRow") {
-          h.push(L);
+      } = r, m = [];
+      d.forEach((E) => {
+        if (E.type.name !== "tableRow") {
+          m.push(E);
           return;
         }
         const A = [];
-        L.forEach((U) => A.push(U));
-        const S = A[g];
-        A[g] = A[k], A[k] = S, h.push(L.type.create(L.attrs, A, L.marks));
+        E.forEach((S) => A.push(S));
+        const R = A[x];
+        A[x] = A[k], A[k] = R, m.push(E.type.create(E.attrs, A, E.marks));
       });
-      const y = d.type.create(d.attrs, h, d.marks), V = C.state.tr.replaceWith(f, f + d.nodeSize, y);
-      C.view.dispatch(V);
+      const B = d.type.create(d.attrs, m, d.marks), V = c.state.tr.replaceWith(f, f + d.nodeSize, B);
+      c.view.dispatch(V);
     }
-    function v(r) {
-      const C = t?.value;
-      if (!C || !n.value) return;
+    function v(h) {
+      const c = t?.value;
+      if (!c || !n.value) return;
       const {
-        rowIndex: g,
+        rowIndex: x,
         totalRows: I
-      } = n.value, k = r === "up" ? g - 1 : g + 1;
+      } = n.value, k = h === "up" ? x - 1 : x + 1;
       if (k < 0 || k >= I) return;
-      const a = K(C);
-      if (!a) return;
+      const r = q(c);
+      if (!r) return;
       const {
         node: d,
         pos: f
-      } = a, h = [];
-      d.forEach((A) => h.push(A));
-      const y = h[g];
-      h[g] = h[k], h[k] = y;
-      const V = d.type.create(d.attrs, h, d.marks), L = C.state.tr.replaceWith(f, f + d.nodeSize, V);
-      C.view.dispatch(L);
+      } = r, m = [];
+      d.forEach((A) => m.push(A));
+      const B = m[x];
+      m[x] = m[k], m[k] = B;
+      const V = d.type.create(d.attrs, m, d.marks), E = c.state.tr.replaceWith(f, f + d.nodeSize, V);
+      c.view.dispatch(E);
     }
     const p = () => e("svg", {
       width: "16",
@@ -1126,7 +1112,7 @@ const ft = /* @__PURE__ */ c({
       cx: "14",
       cy: "2",
       r: "1.5"
-    }, null)]), s = () => e("svg", {
+    }, null)]), a = () => e("svg", {
       width: "4",
       height: "16",
       viewBox: "0 0 4 16",
@@ -1143,7 +1129,7 @@ const ft = /* @__PURE__ */ c({
       cx: "2",
       cy: "14",
       r: "1.5"
-    }, null)]), B = () => e("svg", {
+    }, null)]), C = () => e("svg", {
       width: "10",
       height: "10",
       viewBox: "0 0 10 10",
@@ -1156,36 +1142,36 @@ const ft = /* @__PURE__ */ c({
     }, null)]);
     return () => {
       if (l?.value) return null;
-      const r = n.value;
-      if (!r) return null;
+      const h = n.value;
+      if (!h) return null;
       const {
-        colIndex: C,
-        rowIndex: g,
+        colIndex: c,
+        rowIndex: x,
         totalCols: I,
         totalRows: k,
-        cellRect: a,
+        cellRect: r,
         tableRect: d,
         editorRect: f
-      } = r, h = d.top - f.top, y = d.left - f.left, V = d.right - f.left, L = d.bottom - f.top, A = a.left - f.left, S = a.top - f.top, U = a.width, O = a.height, ie = {
+      } = h, m = d.top - f.top, B = d.left - f.left, V = d.right - f.left, E = d.bottom - f.top, A = r.left - f.left, R = r.top - f.top, S = r.width, z = r.height, ie = {
         position: "absolute",
-        top: `${h - 20}px`,
-        left: `${A + U / 2 - 18}px`
+        top: `${m - 20}px`,
+        left: `${A + S / 2 - 18}px`
       }, ue = {
         position: "absolute",
-        top: `${S + O / 2 - 18}px`,
-        left: `${y - 20}px`
+        top: `${R + z / 2 - 18}px`,
+        left: `${B - 20}px`
       }, re = {
         position: "absolute",
-        top: `${S + O / 2 - 12}px`,
+        top: `${R + z / 2 - 12}px`,
         left: `${V + 6}px`
       }, ae = {
         position: "absolute",
-        top: `${L + 6}px`,
-        left: `${A + U / 2 - 12}px`
-      }, se = C === 0, $ = C === I - 1, ce = g === 0, N = g === k - 1, F = t?.value;
+        top: `${E + 6}px`,
+        left: `${A + S / 2 - 12}px`
+      }, se = c === 0, O = c === I - 1, ce = x === 0, $ = x === k - 1, F = t?.value;
       return e("div", {
-        class: "table-cell-controls"
-      }, [e(j, {
+        class: "tiptap-table-controls"
+      }, [e(N, {
         trigger: "click",
         placement: "bottom",
         style: ie,
@@ -1194,35 +1180,35 @@ const ft = /* @__PURE__ */ c({
         }
       }, {
         default: () => [e("button", {
-          class: "tcc-btn tcc-btn--col"
+          class: "tiptap-table-btn tiptap-table-btn--col"
         }, [e(p, null, null)])],
-        dropdown: () => e(W, null, {
-          default: () => [e(E, {
+        dropdown: () => e(j, null, {
+          default: () => [e(L, {
             command: "move-left",
             disabled: se
           }, {
-            default: () => [m("移动列到左侧")]
-          }), e(E, {
+            default: () => [g("移动列到左侧")]
+          }), e(L, {
             command: "move-right",
-            disabled: $
+            disabled: O
           }, {
-            default: () => [m("移动列到右侧")]
-          }), e(E, {
+            default: () => [g("移动列到右侧")]
+          }), e(L, {
             command: "insert-left"
           }, {
-            default: () => [m("在左侧插入一列")]
-          }), e(E, {
+            default: () => [g("在左侧插入一列")]
+          }), e(L, {
             command: "insert-right"
           }, {
-            default: () => [m("在右侧插入一列")]
-          }), e(E, {
+            default: () => [g("在右侧插入一列")]
+          }), e(L, {
             command: "delete",
             divided: !0
           }, {
-            default: () => [m("删除列")]
+            default: () => [g("删除列")]
           })]
         })
-      }), e(j, {
+      }), e(N, {
         trigger: "click",
         placement: "right",
         style: ue,
@@ -1231,53 +1217,53 @@ const ft = /* @__PURE__ */ c({
         }
       }, {
         default: () => [e("button", {
-          class: "tcc-btn tcc-btn--row"
-        }, [e(s, null, null)])],
-        dropdown: () => e(W, null, {
-          default: () => [e(E, {
+          class: "tiptap-table-btn tiptap-table-btn--row"
+        }, [e(a, null, null)])],
+        dropdown: () => e(j, null, {
+          default: () => [e(L, {
             command: "move-up",
             disabled: ce
           }, {
-            default: () => [m("上移")]
-          }), e(E, {
+            default: () => [g("上移")]
+          }), e(L, {
             command: "move-down",
-            disabled: N
+            disabled: $
           }, {
-            default: () => [m("下移")]
-          }), e(E, {
+            default: () => [g("下移")]
+          }), e(L, {
             command: "insert-above"
           }, {
-            default: () => [m("在上方插入一行")]
-          }), e(E, {
+            default: () => [g("在上方插入一行")]
+          }), e(L, {
             command: "insert-below"
           }, {
-            default: () => [m("在下方插入一行")]
-          }), e(E, {
+            default: () => [g("在下方插入一行")]
+          }), e(L, {
             command: "delete",
             divided: !0
           }, {
-            default: () => [m("删除行")]
+            default: () => [g("删除行")]
           })]
         })
-      }), $ && e("button", {
-        class: "tcc-btn tcc-btn--add",
+      }), O && e("button", {
+        class: "tiptap-table-btn tiptap-table-btn--add",
         style: re,
         onClick: () => F?.chain().focus().addColumnAfter().run()
-      }, [e(B, null, null)]), N && e("button", {
-        class: "tcc-btn tcc-btn--add",
+      }, [e(C, null, null)]), $ && e("button", {
+        class: "tiptap-table-btn tiptap-table-btn--add",
         style: ae,
         onClick: () => F?.chain().focus().addRowAfter().run()
-      }, [e(B, null, null)])]);
+      }, [e(C, null, null)])]);
     };
   }
-}), Yt = {
+}), Qt = {
   name: "table",
   install: () => ({
     extensions: [Se.configure({ resizable: !0 }), Ze, De, Re],
-    controlComponent: ft
+    controlComponent: vt
   }),
-  toolbarComponent: pt
-}, ht = /* @__PURE__ */ c({
+  toolbarComponent: dt
+}, ft = /* @__PURE__ */ s({
   name: "MathIcon",
   setup(t, {
     attrs: l
@@ -1295,18 +1281,18 @@ const ft = /* @__PURE__ */ c({
       fill: "currentColor"
     }, null)]);
   }
-}), mt = /* @__PURE__ */ c({
+}), ht = /* @__PURE__ */ s({
   name: "MathButton",
   setup() {
-    const t = H("editor"), l = H("openMathDialog");
+    const t = y("editor"), l = y("openMathDialog");
     return () => e(w, {
-      icon: ht,
+      icon: ft,
       tooltip: "数学公式",
       isActive: t?.value?.isActive("inlineMath") || t?.value?.isActive("blockMath"),
       onClick: () => l?.()
     }, null);
   }
-}), gt = /* @__PURE__ */ c({
+}), mt = /* @__PURE__ */ s({
   name: "MathEditDialog",
   props: {
     visible: {
@@ -1330,13 +1316,13 @@ const ft = /* @__PURE__ */ c({
   setup(t, {
     emit: l
   }) {
-    const n = H("editor"), o = x(""), i = x("inline");
-    R(() => t.latex, (s) => {
-      o.value = s;
+    const n = y("editor"), o = H(""), i = H("inline");
+    _(() => t.latex, (a) => {
+      o.value = a;
     }, {
       immediate: !0
-    }), R(() => t.type, (s) => {
-      i.value = s;
+    }), _(() => t.type, (a) => {
+      i.value = a;
     }, {
       immediate: !0
     });
@@ -1344,30 +1330,30 @@ const ft = /* @__PURE__ */ c({
       displayMode: i.value === "block",
       throwOnError: !1
     }) : ""), p = () => {
-      const s = n?.value;
-      if (!(!s || !o.value.trim())) {
+      const a = n?.value;
+      if (!(!a || !o.value.trim())) {
         if (u.value)
-          i.value === "inline" ? s.chain().focus().insertInlineMath({
+          i.value === "inline" ? a.chain().focus().insertInlineMath({
             latex: o.value
-          }).run() : s.chain().focus().insertBlockMath({
+          }).run() : a.chain().focus().insertBlockMath({
             latex: o.value
           }).run();
         else if (i.value === t.type)
-          t.type === "inline" ? s.commands.updateInlineMath({
+          t.type === "inline" ? a.commands.updateInlineMath({
             latex: o.value,
             pos: t.pos
-          }) : s.commands.updateBlockMath({
+          }) : a.commands.updateBlockMath({
             latex: o.value,
             pos: t.pos
           });
         else {
-          const B = t.pos;
-          t.type === "inline" ? s.chain().focus().deleteInlineMath({
-            pos: B
+          const C = t.pos;
+          t.type === "inline" ? a.chain().focus().deleteInlineMath({
+            pos: C
           }).insertBlockMath({
             latex: o.value
-          }).run() : s.chain().focus().deleteBlockMath({
-            pos: B
+          }).run() : a.chain().focus().deleteBlockMath({
+            pos: C
           }).insertInlineMath({
             latex: o.value
           }).run();
@@ -1379,66 +1365,66 @@ const ft = /* @__PURE__ */ c({
       modelValue: t.visible,
       title: u.value ? "插入数学公式" : "编辑数学公式",
       width: "520px",
-      "onUpdate:modelValue": (s) => l("update:visible", s)
+      "onUpdate:modelValue": (a) => l("update:visible", a)
     }, {
       default: () => [e("div", {
-        class: "math-dialog"
+        class: "tiptap-math-dialog"
       }, [e(Be, {
         modelValue: i.value,
-        "onUpdate:modelValue": (s) => {
-          i.value = s;
+        "onUpdate:modelValue": (a) => {
+          i.value = a;
         }
       }, {
-        default: () => [e(q, {
+        default: () => [e(W, {
           value: "inline"
         }, {
-          default: () => [m("行内公式")]
-        }), e(q, {
+          default: () => [g("行内公式")]
+        }), e(W, {
           value: "block"
         }, {
-          default: () => [m("块级公式")]
+          default: () => [g("块级公式")]
         })]
-      }), e(X, {
+      }), e(J, {
         modelValue: o.value,
         type: "textarea",
         rows: 3,
         placeholder: "请输入 LaTeX 公式，例如：E=mc^2",
-        "onUpdate:modelValue": (s) => {
-          o.value = s;
+        "onUpdate:modelValue": (a) => {
+          o.value = a;
         }
       }, null), e("div", {
-        class: ["math-preview", {
-          "math-preview--empty": !v.value
+        class: ["tiptap-math-preview", {
+          "tiptap-math-preview--empty": !v.value
         }]
       }, [v.value ? e("div", {
         innerHTML: v.value
       }, null) : e("span", {
-        class: "math-preview__placeholder"
-      }, [m("预览将在此处显示")])])])],
+        class: "tiptap-math-preview__placeholder"
+      }, [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: p
       }, {
-        default: () => [m("确认")]
+        default: () => [g("确认")]
       })])
     });
   }
-}), e1 = {
+}), Yt = {
   name: "math",
-  toolbarComponent: mt,
+  toolbarComponent: ht,
   install(t) {
-    const l = x(!1), n = x(""), o = x(null), i = x("inline"), u = (p = {}) => {
+    const l = H(!1), n = H(""), o = H(null), i = H("inline"), u = (p = {}) => {
       t.readonly.value || (n.value = p.latex ?? "", o.value = p.pos ?? null, i.value = p.type ?? "inline", l.value = !0);
     };
     t.provide("openMathDialog", u);
-    const v = c({
+    const v = s({
       name: "MathEditDialogWrapper",
-      setup: () => () => pe(gt, {
+      setup: () => () => pe(mt, {
         visible: l.value,
         latex: n.value,
         pos: o.value,
@@ -1452,128 +1438,128 @@ const ft = /* @__PURE__ */ c({
       extensions: [
         Ue.configure({
           inlineOptions: {
-            onClick: (p, s) => u({ latex: p.attrs.latex, pos: s, type: "inline" })
+            onClick: (p, a) => u({ latex: p.attrs.latex, pos: a, type: "inline" })
           },
           blockOptions: {
-            onClick: (p, s) => u({ latex: p.attrs.latex, pos: s, type: "block" })
+            onClick: (p, a) => u({ latex: p.attrs.latex, pos: a, type: "block" })
           }
         })
       ],
       controlComponent: v
     };
   }
-}, wt = /* @__PURE__ */ c({
+}, gt = /* @__PURE__ */ s({
   name: "ImageUploadView",
   props: he,
   setup(t) {
-    const l = T(() => t.node.attrs.accept), n = T(() => t.node.attrs.limit), o = T(() => t.node.attrs.maxSize), i = x([]), u = x(), v = x(!1), p = async (a) => {
-      if (o.value > 0 && a.size > o.value)
+    const l = T(() => t.node.attrs.accept), n = T(() => t.node.attrs.limit), o = T(() => t.node.attrs.maxSize), i = H([]), u = H(), v = H(!1), p = async (r) => {
+      if (o.value > 0 && r.size > o.value)
         return t.extension.options.onError?.(new Error(`文件大小超出限制 ${o.value / 1024 / 1024}MB`)), null;
       const d = crypto.randomUUID();
       i.value.push({
         id: d,
-        file: a,
+        file: r,
         progress: 0,
         status: "uploading"
       });
       try {
         const f = t.extension.options.upload;
         if (!f) throw new Error("未配置 upload 函数");
-        const h = await f(a);
-        if (!h) throw new Error("上传失败：未返回 URL");
-        const y = i.value.find((V) => V.id === d);
-        return y && (y.status = "success", y.progress = 100), t.extension.options.onSuccess?.(h), h;
+        const m = await f(r);
+        if (!m) throw new Error("上传失败：未返回 URL");
+        const B = i.value.find((V) => V.id === d);
+        return B && (B.status = "success", B.progress = 100), t.extension.options.onSuccess?.(m), m;
       } catch (f) {
-        const h = i.value.find((y) => y.id === d);
-        return h && (h.status = "error", h.progress = 0), t.extension.options.onError?.(f instanceof Error ? f : new Error("上传失败")), null;
+        const m = i.value.find((B) => B.id === d);
+        return m && (m.status = "error", m.progress = 0), t.extension.options.onError?.(f instanceof Error ? f : new Error("上传失败")), null;
       }
-    }, s = async (a) => {
-      if (!a.length) return;
-      if (a.length > n.value) {
+    }, a = async (r) => {
+      if (!r.length) return;
+      if (r.length > n.value) {
         t.extension.options.onError?.(new Error(`最多上传 ${n.value} 个文件`));
         return;
       }
-      const d = (await Promise.all(a.map(p))).filter((f) => !!f);
+      const d = (await Promise.all(r.map(p))).filter((f) => !!f);
       if (d.length > 0) {
         const f = t.getPos();
         if (typeof f != "number") return;
-        const h = d.map((y) => ({
+        const m = d.map((B) => ({
           type: "image",
           attrs: {
-            src: y
+            src: B
           }
         }));
         t.editor.chain().focus().deleteRange({
           from: f,
           to: f + t.node.nodeSize
-        }).insertContentAt(f, h).run();
+        }).insertContentAt(f, m).run();
       }
-    }, B = () => {
+    }, C = () => {
       i.value.length === 0 && u.value && (u.value.value = "", u.value.click());
-    }, r = (a) => {
-      const d = a.target.files;
-      d && s(Array.from(d));
-    }, C = (a) => {
-      a.preventDefault(), v.value = !0;
-    }, g = (a) => {
-      a.currentTarget.contains(a.relatedTarget) || (v.value = !1);
-    }, I = (a) => {
-      a.preventDefault(), v.value = !1;
-      const d = Array.from(a.dataTransfer?.files ?? []);
-      d.length && s(d);
-    }, k = (a) => {
-      i.value = i.value.filter((d) => d.id !== a);
+    }, h = (r) => {
+      const d = r.target.files;
+      d && a(Array.from(d));
+    }, c = (r) => {
+      r.preventDefault(), v.value = !0;
+    }, x = (r) => {
+      r.currentTarget.contains(r.relatedTarget) || (v.value = !1);
+    }, I = (r) => {
+      r.preventDefault(), v.value = !1;
+      const d = Array.from(r.dataTransfer?.files ?? []);
+      d.length && a(d);
+    }, k = (r) => {
+      i.value = i.value.filter((d) => d.id !== r);
     };
     return () => e(me, {
       class: "tiptap-image-upload"
     }, {
       default: () => [e("div", {
-        onClick: B
+        onClick: C
       }, [i.value.length ? e("div", {
         class: "tiptap-image-upload-previews"
-      }, [i.value.map((a) => e("div", {
-        key: a.id,
+      }, [i.value.map((r) => e("div", {
+        key: r.id,
         class: "tiptap-image-upload-preview"
-      }, [a.status === "uploading" && e("div", {
+      }, [r.status === "uploading" && e("div", {
         class: "tiptap-image-upload-progress",
         style: {
-          width: `${a.progress}%`
+          width: `${r.progress}%`
         }
       }, null), e("div", {
         class: "tiptap-image-upload-preview-content"
       }, [e("span", {
         class: "tiptap-image-upload-text"
-      }, [a.file.name]), e("span", {
+      }, [r.file.name]), e("span", {
         class: "tiptap-image-upload-subtext"
-      }, [a.status === "uploading" ? `${a.progress}%` : a.status === "error" ? "上传失败" : "上传成功"]), e("button", {
+      }, [r.status === "uploading" ? `${r.progress}%` : r.status === "error" ? "上传失败" : "上传成功"]), e("button", {
         class: "tiptap-image-upload-remove",
         onClick: (d) => {
-          d.stopPropagation(), k(a.id);
+          d.stopPropagation(), k(r.id);
         }
-      }, [m("×")])])]))]) : e("div", {
+      }, [g("×")])])]))]) : e("div", {
         class: ["tiptap-image-upload-drag-area", {
           "drag-active": v.value
         }],
-        onDragover: C,
-        onDragleave: g,
+        onDragover: c,
+        onDragleave: x,
         onDrop: I
       }, [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", {
+      }, [g("最多 "), n.value, g(" 个文件"), o.value ? `，每个不超过 ${o.value / 1024 / 1024}MB` : ""])])]), e("input", {
         ref: u,
         type: "file",
         accept: l.value,
         multiple: n.value > 1,
-        onChange: r,
-        onClick: (a) => a.stopPropagation()
+        onChange: h,
+        onClick: (r) => r.stopPropagation()
       }, null)])]
     });
   }
-}), bt = Pe.create({
+}), wt = Pe.create({
   name: "imageUpload",
   group: "block",
   draggable: !0,
@@ -1620,7 +1606,7 @@ const ft = /* @__PURE__ */ c({
     }, t)];
   },
   addNodeView() {
-    return ge(wt);
+    return ge(gt);
   },
   addCommands() {
     return {
@@ -1653,7 +1639,7 @@ const ft = /* @__PURE__ */ c({
       }
     };
   }
-}), kt = /* @__PURE__ */ c({
+}), bt = /* @__PURE__ */ s({
   name: "ImagePlusIcon",
   setup(t, {
     attrs: l
@@ -1671,17 +1657,17 @@ const ft = /* @__PURE__ */ c({
       fill: "currentColor"
     }, null)]);
   }
-}), xt = /* @__PURE__ */ c({
+}), xt = /* @__PURE__ */ s({
   name: "ImageButton",
   setup() {
-    const t = H("editor");
+    const t = y("editor");
     return () => e("div", null, [e(w, {
-      icon: kt,
+      icon: bt,
       tooltip: "图片",
       onClick: () => t?.value?.commands.setImageUploadNode()
     }, null)]);
   }
-}), Ht = [{
+}), kt = [{
   value: "left",
   title: "居左",
   Icon: le
@@ -1693,8 +1679,8 @@ const ft = /* @__PURE__ */ c({
   value: "right",
   title: "居右",
   Icon: oe
-}], _ = (t) => t.preventDefault();
-function yt(t) {
+}], U = (t) => t.preventDefault();
+function Ht(t) {
   if (!t.isActive("image")) return null;
   const {
     selection: l
@@ -1708,11 +1694,11 @@ function yt(t) {
     align: n.attrs.align ?? "left"
   };
 }
-function Bt(t) {
+function yt(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 At = () => e("svg", {
+const Bt = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1730,7 +1716,7 @@ const At = () => e("svg", {
   y1: "15",
   x2: "12",
   y2: "3"
-}, null)]), Mt = () => e("svg", {
+}, null)]), At = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1743,7 +1729,7 @@ const At = () => 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)]), It = () => e("svg", {
+}, null)]), Mt = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1760,19 +1746,19 @@ const At = () => 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)]), Lt = /* @__PURE__ */ c({
+}, null)]), It = /* @__PURE__ */ s({
   name: "ImageControls",
   setup() {
-    const t = H("editor"), l = H("readonly"), n = x(null);
+    const t = y("editor"), l = y("readonly"), n = H(null);
     function o() {
       const i = t?.value;
       if (!i) {
         n.value = null;
         return;
       }
-      n.value = yt(i);
+      n.value = Ht(i);
     }
-    return G((i) => {
+    return K((i) => {
       const u = t?.value;
       u && (u.on("transaction", o), i(() => {
         u.off("transaction", o);
@@ -1785,67 +1771,67 @@ const At = () => e("svg", {
       const {
         pos: v,
         nodeSize: p,
-        src: s,
-        align: B
-      } = i, r = l?.value ?? !1, C = u.view.nodeDOM(v);
-      if (!C || !(C instanceof HTMLElement)) return null;
-      const g = C.querySelector("[data-resize-wrapper]") ?? C, I = u.view.dom.closest(".tiptap-editor");
+        src: a,
+        align: C
+      } = i, h = l?.value ?? !1, c = u.view.nodeDOM(v);
+      if (!c || !(c instanceof HTMLElement)) return null;
+      const x = c.querySelector("[data-resize-wrapper]") ?? c, I = u.view.dom.closest(".tiptap-editor");
       if (!I) return null;
-      const k = g.getBoundingClientRect(), a = I.getBoundingClientRect(), d = {
+      const k = x.getBoundingClientRect(), r = I.getBoundingClientRect(), d = {
         position: "absolute",
-        top: `${k.top - a.top}px`,
-        left: `${k.left - a.left + k.width / 2}px`,
+        top: `${k.top - r.top}px`,
+        left: `${k.left - r.left + k.width / 2}px`,
         transform: "translate(-50%, calc(-100% - 8px))",
         zIndex: 20
       };
       return e("div", {
-        class: "image-controls",
+        class: "tiptap-image-controls",
         style: d
-      }, [!r && Ht.map(({
+      }, [!h && kt.map(({
         value: f,
-        title: h,
-        Icon: y
+        title: m,
+        Icon: B
       }) => e("button", {
         key: f,
-        class: ["image-controls-btn", B === f && "is-active"],
-        title: h,
-        onMousedown: _,
+        class: ["tiptap-image-controls-btn", C === f && "is-active"],
+        title: m,
+        onMousedown: U,
         onClick: () => u.chain().focus().updateAttributes("image", {
           align: f
         }).run()
-      }, [e(y, null, null)])), !r && e("span", {
-        class: "image-controls-separator"
+      }, [e(B, null, null)])), !h && e("span", {
+        class: "tiptap-image-controls-separator"
       }, null), e("button", {
-        class: "image-controls-btn",
+        class: "tiptap-image-controls-btn",
         title: "下载",
-        onMousedown: _,
-        onClick: () => Bt(s)
-      }, [e(At, null, null)]), !r && e("button", {
-        class: "image-controls-btn",
+        onMousedown: U,
+        onClick: () => yt(a)
+      }, [e(Bt, null, null)]), !h && e("button", {
+        class: "tiptap-image-controls-btn",
         title: "重新上传",
-        onMousedown: _,
+        onMousedown: U,
         onClick: () => u.chain().focus().deleteRange({
           from: v,
           to: v + p
         }).insertContentAt(v, {
           type: "imageUpload"
         }).run()
-      }, [e(Mt, null, null)]), !r && e("button", {
-        class: "image-controls-btn",
+      }, [e(At, null, null)]), !h && e("button", {
+        class: "tiptap-image-controls-btn",
         title: "删除",
-        onMousedown: _,
+        onMousedown: U,
         onClick: () => u.chain().focus().deleteRange({
           from: v,
           to: v + p
         }).run()
-      }, [e(It, null, null)])]);
+      }, [e(Mt, null, null)])]);
     };
   }
-}), t1 = {
+}), e1 = {
   name: "image",
   install: (t) => ({
     extensions: [
-      Ne.configure({
+      Ke.configure({
         allowBase64: !0,
         resize: {
           enabled: !0,
@@ -1855,17 +1841,17 @@ const At = () => e("svg", {
           alwaysPreserveAspectRatio: !1
         }
       }),
-      bt.configure({ ...t.upload ? { upload: t.upload } : {} })
+      wt.configure({ ...t.upload ? { upload: t.upload } : {} })
     ],
-    controlComponent: Lt
+    controlComponent: It
   }),
   toolbarComponent: xt
-}, l1 = {
+}, t1 = {
   name: "separator",
   install: () => ({
     extensions: []
   }),
-  toolbarComponent: /* @__PURE__ */ c({
+  toolbarComponent: /* @__PURE__ */ s({
     name: "ToolbarSeparator",
     setup: () => () => e("div", {
       class: "tiptap-separator"
@@ -1873,16 +1859,16 @@ const At = () => e("svg", {
   })
 };
 export {
-  Qt as CodeBlockFeature,
+  Xt as CodeBlockFeature,
   w as IconButton,
-  t1 as ImageFeature,
-  Ne as ImageWithAlign,
-  Xt as ListFeature,
-  e1 as MathFeature,
-  l1 as SeparatorFeature,
-  Yt as TableFeature,
-  Jt as TextAlignFeature,
-  Gt as TextStyleFeature,
-  qt as TiptapEditor,
-  Kt as UndoRedoFeature
+  e1 as ImageFeature,
+  Ke as ImageWithAlign,
+  Jt as ListFeature,
+  Yt as MathFeature,
+  t1 as SeparatorFeature,
+  Qt as TableFeature,
+  Gt as TextAlignFeature,
+  Kt as TextStyleFeature,
+  Wt as TiptapEditor,
+  qt as UndoRedoFeature
 };