@mario9/tiptap-editor 0.2.0 → 1.0.1

package/dist/tiptap-editor.js

@@ -1,255 +1,21 @@
-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 ye } from "lowlight";
+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 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 { 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 { Image as Ae } from "@tiptap/extension-image";
-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 { Plugin as Me, NodeSelection as Ie } from "@tiptap/pm/state";
+import { Decoration as Le, DecorationSet as Ee } 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";
+import { Mathematics as Ue } from "@tiptap/extension-mathematics";
 import _e from "katex";
-import { BubbleMenu as Oe } from "@tiptap/vue-3/menus";
-const Pe = Ae.extend({
-  addAttributes() {
-    return {
-      ...this.parent?.(),
-      align: {
-        default: "left",
-        parseHTML: (t) => t.getAttribute("data-align") ?? "left",
-        renderHTML: (t) => ({ "data-align": t.align })
-      }
-    };
-  },
-  addProseMirrorPlugins() {
-    const t = this.name;
-    return [
-      new Be({
-        props: {
-          decorations(l) {
-            const n = [];
-            return l.doc.descendants((o, u) => {
-              o.type.name === t && o.attrs.align && n.push(
-                Le.node(u, u + o.nodeSize, {
-                  "data-align": o.attrs.align
-                })
-              );
-            }), Ie.create(l.doc, n);
-          }
-        }
-      })
-    ];
-  }
-}), $e = /* @__PURE__ */ p({
-  name: "ImageUploadView",
-  props: Ce,
-  setup(t) {
-    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 C = crypto.randomUUID();
-      u.value.push({
-        id: C,
-        file: a,
-        progress: 0,
-        status: "uploading"
-      });
-      try {
-        const v = t.extension.options.upload;
-        if (!v) throw new Error("未配置 upload 函数");
-        const h = await v(a);
-        if (!h) throw new Error("上传失败：未返回 URL");
-        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((B) => B.id === C);
-        return h && (h.status = "error", h.progress = 0), t.extension.options.onError?.(v instanceof Error ? v : new Error("上传失败")), null;
-      }
-    }, c = async (a) => {
-      if (!a.length) return;
-      if (a.length > n.value) {
-        t.extension.options.onError?.(new Error(`最多上传 ${n.value} 个文件`));
-        return;
-      }
-      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 = C.map((B) => ({
-          type: "image",
-          attrs: {
-            src: B
-          }
-        }));
-        t.editor.chain().focus().deleteRange({
-          from: v,
-          to: v + t.node.nodeSize
-        }).insertContentAt(v, h).run();
-      }
-    }, H = () => {
-      u.value.length === 0 && d.value && (d.value.value = "", d.value.click());
-    }, i = (a) => {
-      const C = a.target.files;
-      C && c(Array.from(C));
-    }, s = (a) => {
-      a.preventDefault(), f.value = !0;
-    }, r = (a) => {
-      a.currentTarget.contains(a.relatedTarget) || (f.value = !1);
-    }, x = (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: H
-      }, [u.value.length ? e("div", {
-        class: "tiptap-image-upload-previews"
-      }, [u.value.map((a) => e("div", {
-        key: a.id,
-        class: "tiptap-image-upload-preview"
-      }, [a.status === "uploading" && e("div", {
-        class: "tiptap-image-upload-progress",
-        style: {
-          width: `${a.progress}%`
-        }
-      }, null), e("div", {
-        class: "tiptap-image-upload-preview-content"
-      }, [e("span", {
-        class: "tiptap-image-upload-text"
-      }, [a.file.name]), e("span", {
-        class: "tiptap-image-upload-subtext"
-      }, [a.status === "uploading" ? `${a.progress}%` : a.status === "error" ? "上传失败" : "上传成功"]), e("button", {
-        class: "tiptap-image-upload-remove",
-        onClick: (C) => {
-          C.stopPropagation(), k(a.id);
-        }
-      }, [g("×")])])]))]) : e("div", {
-        class: ["tiptap-image-upload-drag-area", {
-          "drag-active": f.value
-        }],
-        onDragover: s,
-        onDragleave: r,
-        onDrop: x
-      }, [e("div", {
-        class: "tiptap-image-upload-content"
-      }, [e("span", {
-        class: "tiptap-image-upload-text"
-      }, [e("em", null, [g("点击上传")]), g(" 或拖拽图片到此处")]), e("span", {
-        class: "tiptap-image-upload-subtext"
-      }, [g("最多 "), n.value, g(" 个文件"), o.value ? `，每个不超过 ${o.value / 1024 / 1024}MB` : ""])])]), e("input", {
-        ref: d,
-        type: "file",
-        accept: l.value,
-        multiple: n.value > 1,
-        onChange: i,
-        onClick: (a) => a.stopPropagation()
-      }, null)])]
-    });
-  }
-}), ze = Re.create({
-  name: "imageUpload",
-  group: "block",
-  draggable: !0,
-  selectable: !0,
-  atom: !0,
-  addOptions() {
-    return {
-      type: "image",
-      accept: "image/*",
-      limit: 1,
-      maxSize: 0,
-      upload: (t) => new Promise((l) => {
-        const n = new FileReader();
-        n.onloadend = () => l(n.result), n.readAsDataURL(t);
-      }),
-      onError: void 0,
-      onSuccess: void 0,
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      accept: {
-        default: this.options.accept
-      },
-      limit: {
-        default: this.options.limit
-      },
-      maxSize: {
-        default: this.options.maxSize
-      }
-    };
-  },
-  parseHTML() {
-    return [{
-      tag: 'div[data-type="image-upload"]'
-    }];
-  },
-  renderHTML({
-    HTMLAttributes: t
-  }) {
-    return ["div", De({
-      "data-type": "image-upload"
-    }, t)];
-  },
-  addNodeView() {
-    return fe($e);
-  },
-  addCommands() {
-    return {
-      setImageUploadNode: () => ({
-        commands: t
-      }) => t.insertContent({
-        type: this.name
-      })
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      Enter: ({
-        editor: t
-      }) => {
-        const {
-          selection: l
-        } = t.state, {
-          nodeAfter: n
-        } = l.$from;
-        if (n?.type.name === "imageUpload" && t.isActive("imageUpload")) {
-          const o = t.view.nodeDOM(l.$from.pos);
-          if (o instanceof HTMLElement) {
-            const u = o.firstChild;
-            if (u instanceof HTMLElement)
-              return u.click(), !0;
-          }
-        }
-        return !1;
-      }
-    };
-  }
-}), Ne = [
-  "undo-redo",
-  "|",
-  "text-style",
-  "code-block",
-  "|",
-  "list",
-  "|",
-  "text-align",
-  "|",
-  "image",
-  "table",
-  "math"
-], je = {
+import { Node as Pe, mergeAttributes as ze } from "@tiptap/core";
+const Oe = {
   icon: {
     type: Object,
     required: !0
@@ -268,11 +34,11 @@ const Pe = Ae.extend({
   onClick: {
     type: Function
   }
-}, w = /* @__PURE__ */ p({
+}, w = /* @__PURE__ */ c({
   name: "IconButton",
-  props: je,
+  props: Oe,
   setup(t) {
-    return () => e(R, {
+    return () => e(D, {
       showArrow: !1,
       offset: 6,
       content: t.tooltip
@@ -288,7 +54,247 @@ const Pe = Ae.extend({
       }, null)]
     });
   }
-}), We = /* @__PURE__ */ p({
+}), Q = /* @__PURE__ */ c({
+  name: "BoldIcon",
+  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", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M6 2.5C5.17157 2.5 4.5 3.17157 4.5 4V20C4.5 20.8284 5.17157 21.5 6 21.5H15C16.4587 21.5 17.8576 20.9205 18.8891 19.8891C19.9205 18.8576 20.5 17.4587 20.5 16C20.5 14.5413 19.9205 13.1424 18.8891 12.1109C18.6781 11.9 18.4518 11.7079 18.2128 11.5359C19.041 10.5492 19.5 9.29829 19.5 8C19.5 6.54131 18.9205 5.14236 17.8891 4.11091C16.8576 3.07946 15.4587 2.5 14 2.5H6ZM14 10.5C14.663 10.5 15.2989 10.2366 15.7678 9.76777C16.2366 9.29893 16.5 8.66304 16.5 8C16.5 7.33696 16.2366 6.70107 15.7678 6.23223C15.2989 5.76339 14.663 5.5 14 5.5H7.5V10.5H14ZM7.5 18.5V13.5H15C15.663 13.5 16.2989 13.7634 16.7678 14.2322C17.2366 14.7011 17.5 15.337 17.5 16C17.5 16.663 17.2366 17.2989 16.7678 17.7678C16.2989 18.2366 15.663 18.5 15 18.5H7.5Z",
+      fill: "currentColor"
+    }, null)]);
+  }
+}), Y = /* @__PURE__ */ c({
+  name: "ItalicIcon",
+  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: "M15.0222 3H19C19.5523 3 20 3.44772 20 4C20 4.55228 19.5523 5 19 5H15.693L10.443 19H14C14.5523 19 15 19.4477 15 20C15 20.5523 14.5523 21 14 21H9.02418C9.00802 21.0004 8.99181 21.0004 8.97557 21H5C4.44772 21 4 20.5523 4 20C4 19.4477 4.44772 19 5 19H8.30704L13.557 5H10C9.44772 5 9 4.55228 9 4C9 3.44772 9.44772 3 10 3H14.9782C14.9928 2.99968 15.0075 2.99967 15.0222 3Z",
+      fill: "currentColor"
+    }, null)]);
+  }
+}), ee = /* @__PURE__ */ c({
+  name: "StrikeIcon",
+  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: "M9.00039 3H16.0001C16.5524 3 17.0001 3.44772 17.0001 4C17.0001 4.55229 16.5524 5 16.0001 5H9.00011C8.68006 4.99983 8.36412 5.07648 8.07983 5.22349C7.79555 5.37051 7.55069 5.5836 7.36585 5.84487C7.181 6.10614 7.06155 6.40796 7.01754 6.72497C6.97352 7.04198 7.00623 7.36492 7.11292 7.66667C7.29701 8.18737 7.02414 8.75872 6.50344 8.94281C5.98274 9.1269 5.4114 8.85403 5.2273 8.33333C5.01393 7.72984 4.94851 7.08396 5.03654 6.44994C5.12456 5.81592 5.36346 5.21229 5.73316 4.68974C6.10285 4.1672 6.59256 3.74101 7.16113 3.44698C7.72955 3.15303 8.36047 2.99975 9.00039 3Z",
+      fill: "currentColor"
+    }, null), e("path", {
+      d: "M18 13H20C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11H4C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13H14C14.7956 13 15.5587 13.3161 16.1213 13.8787C16.6839 14.4413 17 15.2044 17 16C17 16.7956 16.6839 17.5587 16.1213 18.1213C15.5587 18.6839 14.7956 19 14 19H6C5.44772 19 5 19.4477 5 20C5 20.5523 5.44772 21 6 21H14C15.3261 21 16.5979 20.4732 17.5355 19.5355C18.4732 18.5979 19 17.3261 19 16C19 14.9119 18.6453 13.8604 18 13Z",
+      fill: "currentColor"
+    }, null)]);
+  }
+}), te = /* @__PURE__ */ c({
+  name: "UnderlineIcon",
+  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", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M7 4C7 3.44772 6.55228 3 6 3C5.44772 3 5 3.44772 5 4V10C5 11.8565 5.7375 13.637 7.05025 14.9497C8.36301 16.2625 10.1435 17 12 17C13.8565 17 15.637 16.2625 16.9497 14.9497C18.2625 13.637 19 11.8565 19 10V4C19 3.44772 18.5523 3 18 3C17.4477 3 17 3.44772 17 4V10C17 11.3261 16.4732 12.5979 15.5355 13.5355C14.5979 14.4732 13.3261 15 12 15C10.6739 15 9.40215 14.4732 8.46447 13.5355C7.52678 12.5979 7 11.3261 7 10V4ZM4 19C3.44772 19 3 19.4477 3 20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20C21 19.4477 20.5523 19 20 19H4Z",
+      fill: "currentColor"
+    }, null)]);
+  }
+}), $e = /* @__PURE__ */ c({
+  name: "BubbleMenuBar",
+  setup() {
+    const t = H("editor"), l = H("readonly");
+    return () => t?.value ? e(He, {
+      editor: t.value,
+      class: "bubble-menu",
+      options: {
+        placement: "top",
+        offset: {
+          mainAxis: 8
+        }
+      },
+      shouldShow: (n) => {
+        if (l?.value) return !1;
+        const {
+          editor: o,
+          from: i,
+          to: u
+        } = n;
+        return !(i === u || o.isActive("image") || o.isActive("table"));
+      }
+    }, {
+      default: () => [e("div", {
+        class: "bubble-menu-content"
+      }, [e(w, {
+        icon: Q,
+        tooltip: "粗体",
+        isActive: t.value.isActive("bold"),
+        onClick: () => t.value?.chain().focus().toggleBold().run()
+      }, null), e(w, {
+        icon: Y,
+        tooltip: "斜体",
+        isActive: t.value.isActive("italic"),
+        onClick: () => t.value?.chain().focus().toggleItalic().run()
+      }, null), e(w, {
+        icon: ee,
+        tooltip: "删除线",
+        isActive: t.value.isActive("strike"),
+        onClick: () => t.value?.chain().focus().toggleStrike().run()
+      }, null), e(w, {
+        icon: te,
+        tooltip: "下划线",
+        isActive: t.value.isActive("underline"),
+        onClick: () => t.value?.chain().focus().toggleUnderline().run()
+      }, null)])]
+    }) : null;
+  }
+}), qt = /* @__PURE__ */ c({
+  name: "TiptapEditor",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "请输入内容..."
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    upload: {
+      type: Function,
+      default: void 0
+    },
+    features: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(t, {
+    emit: l
+  }) {
+    const n = T(() => t.readonly ?? !1);
+    P("readonly", n);
+    const o = t.features.map((u) => ({
+      plugin: u,
+      result: u.install({
+        readonly: n,
+        provide: (v, p) => P(v, p),
+        upload: t.upload
+      })
+    })), i = ve({
+      content: t.modelValue,
+      editable: !t.readonly,
+      extensions: [Ce.configure({
+        codeBlock: !1,
+        link: {
+          openOnClick: !1,
+          enableClickSelection: !0
+        }
+      }), xe.configure({
+        placeholder: t.placeholder
+      }), ke.configure({
+        types: ["heading", "paragraph"]
+      }), we, be.configure({
+        nested: !0
+      }), ...o.flatMap(({
+        result: u
+      }) => u.extensions)],
+      onUpdate: ({
+        editor: u
+      }) => {
+        l("update:modelValue", u.getHTML());
+      }
+    });
+    return P("editor", i), R(() => t.modelValue, (u) => {
+      i.value && u !== i.value.getHTML() && i.value.commands.setContent(u, {
+        emitUpdate: !1
+      });
+    }), R(() => t.readonly, (u) => {
+      i.value?.setEditable(!u);
+    }), () => e("div", {
+      class: "tiptap-editor"
+    }, [!t.readonly && e("div", {
+      class: "tiptap-toolbar"
+    }, [o.map(({
+      plugin: u
+    }) => {
+      const v = u.toolbarComponent;
+      return v ? e(v, {
+        key: u.name
+      }, null) : null;
+    })]), e(fe, {
+      class: "tiptap-content",
+      editor: i.value
+    }, null), e($e, null, null), o.map(({
+      plugin: u,
+      result: v
+    }) => {
+      const p = v.controlComponent;
+      return p ? e(p, {
+        key: `${u.name}-control`
+      }, null) : null;
+    })]);
+  }
+}), Ne = Ae.extend({
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      align: {
+        default: "left",
+        parseHTML: (t) => t.getAttribute("data-align") ?? "left",
+        renderHTML: (t) => ({ "data-align": t.align })
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const t = this.name;
+    return [
+      new Me({
+        props: {
+          decorations(l) {
+            const n = [];
+            return l.doc.descendants((o, i) => {
+              o.type.name === t && o.attrs.align && n.push(
+                Le.node(i, i + o.nodeSize, {
+                  "data-align": o.attrs.align
+                })
+              );
+            }), Ee.create(l.doc, n);
+          }
+        }
+      })
+    ];
+  }
+}), je = /* @__PURE__ */ c({
   name: "UndoIcon",
   setup(t, {
     attrs: l
@@ -306,7 +312,7 @@ const Pe = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), qe = /* @__PURE__ */ p({
+}), We = /* @__PURE__ */ c({
   name: "RedoIcon",
   setup(t, {
     attrs: l
@@ -324,23 +330,27 @@ const Pe = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), Ge = /* @__PURE__ */ p({
+}), qe = /* @__PURE__ */ c({
   name: "UndoRedoButton",
   setup() {
-    const t = A("editor"), l = F(() => t?.value?.can().undo() ?? !1), n = F(() => t?.value?.can().redo() ?? !1);
+    const t = H("editor"), l = T(() => t?.value?.can().undo() ?? !1), n = T(() => t?.value?.can().redo() ?? !1);
     return () => e("div", null, [e(w, {
-      icon: We,
+      icon: je,
       tooltip: "撤销",
       disabled: !l.value,
       onClick: () => t?.value?.chain().focus().undo().run()
     }, null), e(w, {
-      icon: qe,
+      icon: We,
       tooltip: "重做",
       disabled: !n.value,
       onClick: () => t?.value?.chain().focus().redo().run()
     }, null)]);
   }
-}), Ke = /* @__PURE__ */ p({
+}), Kt = {
+  name: "undo-redo",
+  install: () => ({ extensions: [] }),
+  toolbarComponent: qe
+}, Ke = /* @__PURE__ */ c({
   name: "LinkIcon",
   setup(t, {
     attrs: l
@@ -359,7 +369,7 @@ const Pe = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), Je = /* @__PURE__ */ p({
+}), Ge = /* @__PURE__ */ c({
   name: "CornerDownLeftIcon",
   setup(t, {
     attrs: l
@@ -380,7 +390,7 @@ const Pe = Ae.extend({
       d: "M20 4v7a4 4 0 0 1-4 4H4"
     }, null)]);
   }
-}), Xe = /* @__PURE__ */ p({
+}), Je = /* @__PURE__ */ c({
   name: "ExternalLinkIcon",
   setup(t, {
     attrs: l
@@ -406,7 +416,7 @@ const Pe = Ae.extend({
       y2: "3"
     }, null)]);
   }
-}), Qe = /* @__PURE__ */ p({
+}), Xe = /* @__PURE__ */ c({
   name: "TrashIcon",
   setup(t, {
     attrs: l
@@ -427,52 +437,52 @@ const Pe = 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)]);
   }
-}), Ye = /* @__PURE__ */ p({
+}), Qe = /* @__PURE__ */ c({
   name: "LinkPopover",
   setup() {
-    const t = A("editor"), l = y(!1), n = y("");
+    const t = H("editor"), l = x(!1), n = x("");
     let o = !1;
-    D(() => t?.value?.isActive("link"), (i) => {
-      o || i && (n.value = t?.value?.getAttributes("link").href ?? "", O(() => {
+    R(() => t?.value?.isActive("link"), (r) => {
+      o || r && (n.value = t?.value?.getAttributes("link").href ?? "", z(() => {
         l.value = !0;
       }));
     });
-    const u = () => {
-      const i = t?.value;
-      if (!i || !n.value) return;
+    const i = () => {
+      const r = t?.value;
+      if (!r || !n.value) return;
       o = !0;
       const {
-        empty: s
-      } = i.state.selection;
-      let r = i.chain().focus().extendMarkRange("link").setLink({
+        empty: C
+      } = r.state.selection;
+      let g = r.chain().focus().extendMarkRange("link").setLink({
         href: n.value
       });
-      s && (r = r.insertContent({
+      C && (g = g.insertContent({
         type: "text",
         text: n.value
-      })), r.run(), l.value = !1, O(() => {
+      })), g.run(), l.value = !1, z(() => {
         o = !1;
       });
-    }, d = () => {
-      const i = t?.value;
-      i && (o = !0, i.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", l.value = !1, O(() => {
+    }, u = () => {
+      const r = t?.value;
+      r && (o = !0, r.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", l.value = !1, z(() => {
         o = !1;
       }));
-    }, f = () => {
-      const i = t?.value?.getAttributes("link").href;
-      i && window.open(i, "_blank", "noopener,noreferrer");
-    }, m = (i) => {
-      i.key === "Enter" && (i.preventDefault(), u());
-    }, c = (i) => {
-      i && (n.value = t?.value?.getAttributes("link").href ?? ""), l.value = i;
-    }, H = (i) => {
-      n.value = i;
+    }, 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 i = t?.value?.isActive("link") ?? !1;
+      const r = t?.value?.isActive("link") ?? !1;
       return e(J, {
         visible: l.value,
-        "onUpdate:visible": c,
+        "onUpdate:visible": s,
         placement: "bottom",
         width: 300,
         trigger: "click",
@@ -484,133 +494,62 @@ const Pe = Ae.extend({
           tooltip: "链接",
           icon: Ke,
           class: ["tiptap-button", {
-            "is-active": i
+            "is-active": r
           }]
         }, null)]),
         default: () => e("div", {
           class: "link-popover-inner"
         }, [e(X, {
           modelValue: n.value,
-          "onUpdate:modelValue": H,
+          "onUpdate:modelValue": B,
           type: "url",
           placeholder: "请输入链接...",
           size: "small",
           autofocus: !0,
-          onKeydown: m
+          onKeydown: p
         }, null), e("div", {
           class: "link-popover-actions"
-        }, [e(R, {
+        }, [e(D, {
           content: "确认",
           showArrow: !1,
           offset: 4
         }, {
           default: () => [e(Z, {
             text: !0,
-            icon: Je,
+            icon: Ge,
             disabled: !n.value,
-            onClick: u
+            onClick: i
           }, null)]
-        }), e(R, {
+        }), e(D, {
           content: "在新标签页打开",
           showArrow: !1,
           offset: 4
         }, {
           default: () => [e(Z, {
             text: !0,
-            icon: Xe,
-            disabled: !n.value && !i,
-            onClick: f
+            icon: Je,
+            disabled: !n.value && !r,
+            onClick: v
           }, null)]
-        }), e(R, {
+        }), e(D, {
           content: "移除链接",
           showArrow: !1,
           offset: 4
         }, {
           default: () => [e(Z, {
             text: !0,
-            icon: Qe,
-            disabled: !i,
-            onClick: d
+            icon: Xe,
+            disabled: !r,
+            onClick: u
           }, null)]
         })])])
       });
     };
   }
-}), Q = /* @__PURE__ */ p({
-  name: "BoldIcon",
-  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", {
-      "fill-rule": "evenodd",
-      "clip-rule": "evenodd",
-      d: "M6 2.5C5.17157 2.5 4.5 3.17157 4.5 4V20C4.5 20.8284 5.17157 21.5 6 21.5H15C16.4587 21.5 17.8576 20.9205 18.8891 19.8891C19.9205 18.8576 20.5 17.4587 20.5 16C20.5 14.5413 19.9205 13.1424 18.8891 12.1109C18.6781 11.9 18.4518 11.7079 18.2128 11.5359C19.041 10.5492 19.5 9.29829 19.5 8C19.5 6.54131 18.9205 5.14236 17.8891 4.11091C16.8576 3.07946 15.4587 2.5 14 2.5H6ZM14 10.5C14.663 10.5 15.2989 10.2366 15.7678 9.76777C16.2366 9.29893 16.5 8.66304 16.5 8C16.5 7.33696 16.2366 6.70107 15.7678 6.23223C15.2989 5.76339 14.663 5.5 14 5.5H7.5V10.5H14ZM7.5 18.5V13.5H15C15.663 13.5 16.2989 13.7634 16.7678 14.2322C17.2366 14.7011 17.5 15.337 17.5 16C17.5 16.663 17.2366 17.2989 16.7678 17.7678C16.2989 18.2366 15.663 18.5 15 18.5H7.5Z",
-      fill: "currentColor"
-    }, null)]);
-  }
-}), Y = /* @__PURE__ */ p({
-  name: "ItalicIcon",
-  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: "M15.0222 3H19C19.5523 3 20 3.44772 20 4C20 4.55228 19.5523 5 19 5H15.693L10.443 19H14C14.5523 19 15 19.4477 15 20C15 20.5523 14.5523 21 14 21H9.02418C9.00802 21.0004 8.99181 21.0004 8.97557 21H5C4.44772 21 4 20.5523 4 20C4 19.4477 4.44772 19 5 19H8.30704L13.557 5H10C9.44772 5 9 4.55228 9 4C9 3.44772 9.44772 3 10 3H14.9782C14.9928 2.99968 15.0075 2.99967 15.0222 3Z",
-      fill: "currentColor"
-    }, null)]);
-  }
-}), ee = /* @__PURE__ */ p({
-  name: "StrikeIcon",
-  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: "M9.00039 3H16.0001C16.5524 3 17.0001 3.44772 17.0001 4C17.0001 4.55229 16.5524 5 16.0001 5H9.00011C8.68006 4.99983 8.36412 5.07648 8.07983 5.22349C7.79555 5.37051 7.55069 5.5836 7.36585 5.84487C7.181 6.10614 7.06155 6.40796 7.01754 6.72497C6.97352 7.04198 7.00623 7.36492 7.11292 7.66667C7.29701 8.18737 7.02414 8.75872 6.50344 8.94281C5.98274 9.1269 5.4114 8.85403 5.2273 8.33333C5.01393 7.72984 4.94851 7.08396 5.03654 6.44994C5.12456 5.81592 5.36346 5.21229 5.73316 4.68974C6.10285 4.1672 6.59256 3.74101 7.16113 3.44698C7.72955 3.15303 8.36047 2.99975 9.00039 3Z",
-      fill: "currentColor"
-    }, null), e("path", {
-      d: "M18 13H20C20.5523 13 21 12.5523 21 12C21 11.4477 20.5523 11 20 11H4C3.44772 11 3 11.4477 3 12C3 12.5523 3.44772 13 4 13H14C14.7956 13 15.5587 13.3161 16.1213 13.8787C16.6839 14.4413 17 15.2044 17 16C17 16.7956 16.6839 17.5587 16.1213 18.1213C15.5587 18.6839 14.7956 19 14 19H6C5.44772 19 5 19.4477 5 20C5 20.5523 5.44772 21 6 21H14C15.3261 21 16.5979 20.4732 17.5355 19.5355C18.4732 18.5979 19 17.3261 19 16C19 14.9119 18.6453 13.8604 18 13Z",
-      fill: "currentColor"
-    }, null)]);
-  }
-}), te = /* @__PURE__ */ p({
-  name: "UnderlineIcon",
-  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", {
-      "fill-rule": "evenodd",
-      "clip-rule": "evenodd",
-      d: "M7 4C7 3.44772 6.55228 3 6 3C5.44772 3 5 3.44772 5 4V10C5 11.8565 5.7375 13.637 7.05025 14.9497C8.36301 16.2625 10.1435 17 12 17C13.8565 17 15.637 16.2625 16.9497 14.9497C18.2625 13.637 19 11.8565 19 10V4C19 3.44772 18.5523 3 18 3C17.4477 3 17 3.44772 17 4V10C17 11.3261 16.4732 12.5979 15.5355 13.5355C14.5979 14.4732 13.3261 15 12 15C10.6739 15 9.40215 14.4732 8.46447 13.5355C7.52678 12.5979 7 11.3261 7 10V4ZM4 19C3.44772 19 3 19.4477 3 20C3 20.5523 3.44772 21 4 21H20C20.5523 21 21 20.5523 21 20C21 19.4477 20.5523 19 20 19H4Z",
-      fill: "currentColor"
-    }, null)]);
-  }
-}), e1 = /* @__PURE__ */ p({
+}), Ye = /* @__PURE__ */ c({
   name: "TextStyleButton",
   setup() {
-    const t = A("editor");
+    const t = H("editor");
     return () => e("div", null, [e(w, {
       icon: Q,
       tooltip: "粗体",
@@ -631,9 +570,13 @@ const Pe = Ae.extend({
       tooltip: "下划线",
       isActive: t?.value?.isActive("underline"),
       onClick: () => t?.value?.chain().focus().toggleUnderline().run()
-    }, null), e(Ye, null, null)]);
+    }, null), e(Qe, null, null)]);
   }
-}), le = /* @__PURE__ */ p({
+}), Gt = {
+  name: "text-style",
+  install: () => ({ extensions: [] }),
+  toolbarComponent: Ye
+}, le = /* @__PURE__ */ c({
   name: "AlignLeftIcon",
   setup(t, {
     attrs: l
@@ -661,7 +604,7 @@ const Pe = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), ne = /* @__PURE__ */ p({
+}), ne = /* @__PURE__ */ c({
   name: "AlignCenterIcon",
   setup(t, {
     attrs: l
@@ -689,7 +632,7 @@ const Pe = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), oe = /* @__PURE__ */ p({
+}), oe = /* @__PURE__ */ c({
   name: "AlignRightIcon",
   setup(t, {
     attrs: l
@@ -717,7 +660,7 @@ const Pe = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), t1 = /* @__PURE__ */ p({
+}), et = /* @__PURE__ */ c({
   name: "AlignJustifyIcon",
   setup(t, {
     attrs: l
@@ -745,10 +688,10 @@ const Pe = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), l1 = /* @__PURE__ */ p({
+}), tt = /* @__PURE__ */ c({
   name: "TextAlignButton",
   setup() {
-    const t = A("editor");
+    const t = H("editor");
     return () => e("div", null, [e(w, {
       icon: le,
       tooltip: "左边对齐",
@@ -771,7 +714,7 @@ const Pe = Ae.extend({
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("right").run()
     }, null), e(w, {
-      icon: t1,
+      icon: et,
       tooltip: "两端对齐",
       isActive: t?.value?.isActive({
         textAlign: "justify"
@@ -779,7 +722,11 @@ const Pe = Ae.extend({
       onClick: () => t?.value?.chain().focus().setTextAlign("justify").run()
     }, null)]);
   }
-}), n1 = /* @__PURE__ */ p({
+}), Jt = {
+  name: "text-align",
+  install: () => ({ extensions: [] }),
+  toolbarComponent: tt
+}, lt = /* @__PURE__ */ c({
   name: "ListIcon",
   setup(t, {
     attrs: l
@@ -822,7 +769,7 @@ const Pe = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), o1 = /* @__PURE__ */ p({
+}), nt = /* @__PURE__ */ c({
   name: "ListOrderedIcon",
   setup(t, {
     attrs: l
@@ -865,7 +812,7 @@ const Pe = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), i1 = /* @__PURE__ */ p({
+}), ot = /* @__PURE__ */ c({
   name: "ListTodoIcon",
   setup(t, {
     attrs: l
@@ -903,29 +850,33 @@ const Pe = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), u1 = /* @__PURE__ */ p({
+}), it = /* @__PURE__ */ c({
   name: "ListButton",
   setup() {
-    const t = A("editor");
+    const t = H("editor");
     return () => e("div", null, [e(w, {
-      icon: n1,
+      icon: lt,
       tooltip: "无序列表",
       isActive: t?.value?.isActive("bulletList"),
       onClick: () => t?.value?.chain().focus().toggleBulletList().run()
     }, null), e(w, {
-      icon: o1,
+      icon: nt,
       tooltip: "有序列表",
       isActive: t?.value?.isActive("orderedList"),
       onClick: () => t?.value?.chain().focus().toggleOrderedList().run()
     }, null), e(w, {
-      icon: i1,
+      icon: ot,
       tooltip: "任务列表",
       isActive: t?.value?.isActive("taskList"),
       onClick: () => t?.value?.chain().focus().toggleTaskList().run()
     }, null)]);
   }
-}), r1 = /* @__PURE__ */ p({
-  name: "ImagePlusIcon",
+}), Xt = {
+  name: "list",
+  install: () => ({ extensions: [] }),
+  toolbarComponent: it
+}, ut = /* @__PURE__ */ c({
+  name: "CodeBlockIcon",
   setup(t, {
     attrs: l
   }) {
@@ -933,26 +884,36 @@ const Pe = Ae.extend({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
-      fill: "currentColor",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
       xmlns: "http://www.w3.org/2000/svg"
-    }, l), [e("path", {
-      "fill-rule": "evenodd",
-      "clip-rule": "evenodd",
-      d: "M20 2C20 1.44772 19.5523 1 19 1C18.4477 1 18 1.44772 18 2V4H16C15.4477 4 15 4.44772 15 5C15 5.55228 15.4477 6 16 6H18V8C18 8.55228 18.4477 9 19 9C19.5523 9 20 8.55228 20 8V6H22C22.5523 6 23 5.55228 23 5C23 4.44772 22.5523 4 22 4H20V2ZM5 4C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5V19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20H5.58579L14.379 11.2068C14.9416 10.6444 15.7045 10.3284 16.5 10.3284C17.2955 10.3284 18.0584 10.6444 18.621 11.2068L20 12.5858V12C20 11.4477 20.4477 11 21 11C21.5523 11 22 11.4477 22 12V14.998C22 14.9994 22 15.0007 22 15.002V19C22 19.7957 21.6839 20.5587 21.1213 21.1213C20.5587 21.6839 19.7957 22 19 22H6.00219C6.00073 22 5.99927 22 5.99781 22H5C4.20435 22 3.44129 21.6839 2.87868 21.1213C2.31607 20.5587 2 19.7957 2 19V5C2 4.20435 2.31607 3.44129 2.87868 2.87868C3.44129 2.31607 4.20435 2 5 2H12C12.5523 2 13 2.44772 13 3C13 3.55228 12.5523 4 12 4H5ZM8.41422 20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V15.4142L17.207 12.6212C17.0195 12.4338 16.7651 12.3284 16.5 12.3284C16.2349 12.3284 15.9806 12.4337 15.7931 12.6211L8.41422 20ZM6.87868 6.87868C7.44129 6.31607 8.20435 6 9 6C9.79565 6 10.5587 6.31607 11.1213 6.87868C11.6839 7.44129 12 8.20435 12 9C12 9.79565 11.6839 10.5587 11.1213 11.1213C10.5587 11.6839 9.79565 12 9 12C8.20435 12 7.44129 11.6839 6.87868 11.1213C6.31607 10.5587 6 9.79565 6 9C6 8.20435 6.31607 7.44129 6.87868 6.87868ZM9 8C8.73478 8 8.48043 8.10536 8.29289 8.29289C8.10536 8.48043 8 8.73478 8 9C8 9.26522 8.10536 9.51957 8.29289 9.70711C8.48043 9.89464 8.73478 10 9 10C9.26522 10 9.51957 9.89464 9.70711 9.70711C9.89464 9.51957 10 9.26522 10 9C10 8.73478 9.89464 8.48043 9.70711 8.29289C9.51957 8.10536 9.26522 8 9 8Z",
-      fill: "currentColor"
+    }, l), [e("polyline", {
+      points: "16 18 22 12 16 6"
+    }, null), e("polyline", {
+      points: "8 6 2 12 8 18"
     }, null)]);
   }
-}), a1 = /* @__PURE__ */ p({
-  name: "ImageButton",
+}), rt = /* @__PURE__ */ c({
+  name: "CodeBlockButton",
   setup() {
-    const t = A("editor");
-    return () => e("div", null, [e(w, {
-      icon: r1,
-      tooltip: "图片",
-      onClick: () => t?.value?.commands.setImageUploadNode()
-    }, null)]);
+    const t = H("editor");
+    return () => e(w, {
+      icon: ut,
+      tooltip: "代码块",
+      isActive: t?.value?.isActive("codeBlock"),
+      onClick: () => t?.value?.chain().focus().toggleCodeBlock().run()
+    }, null);
   }
-}), s1 = /* @__PURE__ */ p({
+}), at = Te(Ve), Qt = {
+  name: "code-block",
+  install: () => ({
+    extensions: [Fe.configure({ lowlight: at, defaultLanguage: "plaintext" })]
+  }),
+  toolbarComponent: rt
+}, st = /* @__PURE__ */ c({
   name: "TableIcon",
   setup(t, {
     attrs: l
@@ -970,30 +931,30 @@ const Pe = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), c1 = 8, d1 = 8, p1 = /* @__PURE__ */ p({
+}), ct = 8, dt = 8, pt = /* @__PURE__ */ c({
   name: "TableButton",
   setup() {
-    const t = A("editor"), l = y(!1), n = y(0), o = y(0), u = (m, c) => {
-      n.value = m, o.value = c;
-    }, d = () => {
+    const t = H("editor"), l = x(!1), n = x(0), o = x(0), i = (p, s) => {
+      n.value = p, o.value = s;
+    }, u = () => {
       n.value = 0, o.value = 0;
-    }, f = (m, c) => {
+    }, v = (p, s) => {
       t?.value?.chain().focus().insertTable({
-        rows: c,
-        cols: m,
+        rows: s,
+        cols: p,
         withHeaderRow: !0
       }).run(), l.value = !1;
     };
     return () => e(J, {
       visible: l.value,
-      "onUpdate:visible": (m) => l.value = m,
+      "onUpdate:visible": (p) => l.value = p,
       trigger: "click",
       placement: "bottom-start",
       popperClass: "table-picker-popper",
       width: "auto",
       showArrow: !1
     }, {
-      reference: () => e("span", null, [e(R, {
+      reference: () => e("span", null, [e(D, {
         content: "表格",
         showArrow: !1,
         offset: 6,
@@ -1005,7 +966,7 @@ const Pe = Ae.extend({
             "is-active": l.value
           }]
         }, {
-          default: () => [e(s1, {
+          default: () => [e(st, {
             class: "tiptap-button-icon"
           }, null)]
         })]
@@ -1014,34 +975,34 @@ const Pe = Ae.extend({
         class: "table-picker"
       }, [e("div", {
         class: "table-picker-grid",
-        onMouseleave: d
+        onMouseleave: u
       }, [Array.from({
-        length: d1
-      }, (m, c) => e("div", {
-        key: c,
+        length: dt
+      }, (p, s) => e("div", {
+        key: s,
         class: "table-picker-row"
       }, [Array.from({
-        length: c1
-      }, (H, i) => e("div", {
-        key: i,
+        length: ct
+      }, (B, r) => e("div", {
+        key: r,
         class: ["table-picker-cell", {
-          "is-active": i < n.value && c < o.value
+          "is-active": r < n.value && s < o.value
         }],
-        onMouseenter: () => u(i + 1, c + 1),
-        onClick: () => f(i + 1, c + 1)
+        onMouseenter: () => i(r + 1, s + 1),
+        onClick: () => v(r + 1, s + 1)
       }, null))]))]), e("div", {
         class: "table-picker-footer"
       }, [e("div", {
         class: "table-picker-counter"
-      }, [e("span", null, [g("列")]), e("span", null, [n.value || 1])]), e("span", {
+      }, [e("span", null, [m("列")]), e("span", null, [n.value || 1])]), e("span", {
         class: "table-picker-x"
-      }, [g("x")]), e("div", {
+      }, [m("x")]), e("div", {
         class: "table-picker-counter"
-      }, [e("span", null, [g("行")]), e("span", null, [o.value || 1])])])])
+      }, [e("span", null, [m("行")]), e("span", null, [o.value || 1])])])])
     });
   }
 });
-function C1(t) {
+function Ct(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;
@@ -1049,106 +1010,106 @@ function C1(t) {
   }
   return null;
 }
-function v1(t) {
+function vt(t) {
   if (!t.isActive("tableCell") && !t.isActive("tableHeader")) return null;
   const {
     node: l
-  } = t.view.domAtPos(t.state.selection.from), n = C1(l);
+  } = t.view.domAtPos(t.state.selection.from), n = Ct(l);
   if (!n) return null;
-  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();
+  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();
   return {
     cell: n,
-    colIndex: f,
-    rowIndex: m,
-    totalCols: c,
-    totalRows: H,
-    cellRect: i,
-    tableRect: s,
-    editorRect: r
+    colIndex: v,
+    rowIndex: p,
+    totalCols: s,
+    totalRows: B,
+    cellRect: r,
+    tableRect: C,
+    editorRect: g
   };
 }
-function G(t) {
+function K(t) {
   const {
     state: l
   } = t, n = l.selection.from;
   let o = null;
-  return l.doc.nodesBetween(0, l.doc.content.size, (u, d) => {
-    if (u.type.name === "table" && d <= n && n <= d + u.nodeSize)
+  return l.doc.nodesBetween(0, l.doc.content.size, (i, u) => {
+    if (i.type.name === "table" && u <= n && n <= u + i.nodeSize)
       return o = {
-        node: u,
-        pos: d
+        node: i,
+        pos: u
       }, !1;
   }), o;
 }
-const f1 = /* @__PURE__ */ p({
+const ft = /* @__PURE__ */ c({
   name: "TableControls",
   setup() {
-    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) {
+    const t = H("editor"), l = H("readonly"), n = x(null), o = x(null);
+    function i() {
+      const r = t?.value;
+      if (o.value && (o.value.classList.remove("tcc-cell-focused"), o.value = null), !r) {
         n.value = null;
         return;
       }
-      const s = v1(i);
-      n.value = s, s && (s.cell.classList.add("tcc-cell-focused"), o.value = s.cell);
+      const C = vt(r);
+      n.value = C, C && (C.cell.classList.add("tcc-cell-focused"), o.value = C.cell);
     }
-    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);
+    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);
       }));
     });
-    function d(i) {
-      const s = t?.value;
-      if (!s || !n.value) return;
+    function u(r) {
+      const C = t?.value;
+      if (!C || !n.value) return;
       const {
-        colIndex: r,
-        totalCols: x
-      } = n.value, k = i === "left" ? r - 1 : r + 1;
-      if (k < 0 || k >= x) return;
-      const a = G(s);
+        colIndex: g,
+        totalCols: I
+      } = n.value, k = r === "left" ? g - 1 : g + 1;
+      if (k < 0 || k >= I) return;
+      const a = K(C);
       if (!a) return;
       const {
-        node: C,
-        pos: v
+        node: d,
+        pos: f
       } = a, h = [];
-      C.forEach((I) => {
-        if (I.type.name !== "tableRow") {
-          h.push(I);
+      d.forEach((L) => {
+        if (L.type.name !== "tableRow") {
+          h.push(L);
           return;
         }
-        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 = [];
+        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));
       });
-      const B = C.type.create(C.attrs, h, C.marks), V = s.state.tr.replaceWith(v, v + C.nodeSize, B);
-      s.view.dispatch(V);
+      const y = d.type.create(d.attrs, h, d.marks), V = C.state.tr.replaceWith(f, f + d.nodeSize, y);
+      C.view.dispatch(V);
     }
-    function f(i) {
-      const s = t?.value;
-      if (!s || !n.value) return;
+    function v(r) {
+      const C = t?.value;
+      if (!C || !n.value) return;
       const {
-        rowIndex: r,
-        totalRows: x
-      } = n.value, k = i === "up" ? r - 1 : r + 1;
-      if (k < 0 || k >= x) return;
-      const a = G(s);
+        rowIndex: g,
+        totalRows: I
+      } = n.value, k = r === "up" ? g - 1 : g + 1;
+      if (k < 0 || k >= I) return;
+      const a = K(C);
       if (!a) return;
       const {
-        node: C,
-        pos: v
+        node: d,
+        pos: f
       } = a, h = [];
-      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);
+      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);
     }
-    const m = () => e("svg", {
+    const p = () => e("svg", {
       width: "16",
       height: "4",
       viewBox: "0 0 16 4",
@@ -1165,7 +1126,7 @@ const f1 = /* @__PURE__ */ p({
       cx: "14",
       cy: "2",
       r: "1.5"
-    }, null)]), c = () => e("svg", {
+    }, null)]), s = () => e("svg", {
       width: "4",
       height: "16",
       viewBox: "0 0 4 16",
@@ -1182,7 +1143,7 @@ const f1 = /* @__PURE__ */ p({
       cx: "2",
       cy: "14",
       r: "1.5"
-    }, null)]), H = () => e("svg", {
+    }, null)]), B = () => e("svg", {
       width: "10",
       height: "10",
       viewBox: "0 0 10 10",
@@ -1195,122 +1156,505 @@ const f1 = /* @__PURE__ */ p({
     }, null)]);
     return () => {
       if (l?.value) return null;
-      const i = n.value;
-      if (!i) return null;
+      const r = n.value;
+      if (!r) return null;
       const {
-        colIndex: s,
-        rowIndex: r,
-        totalCols: x,
+        colIndex: C,
+        rowIndex: g,
+        totalCols: I,
         totalRows: k,
         cellRect: a,
-        tableRect: C,
-        editorRect: v
-      } = 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 = {
+        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 = {
         position: "absolute",
         top: `${h - 20}px`,
-        left: `${M + U / 2 - 18}px`
+        left: `${A + U / 2 - 18}px`
       }, ue = {
         position: "absolute",
-        top: `${S + $ / 2 - 18}px`,
-        left: `${B - 20}px`
+        top: `${S + O / 2 - 18}px`,
+        left: `${y - 20}px`
       }, re = {
         position: "absolute",
-        top: `${S + $ / 2 - 12}px`,
+        top: `${S + O / 2 - 12}px`,
         left: `${V + 6}px`
       }, ae = {
         position: "absolute",
-        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;
+        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;
       return e("div", {
         class: "table-cell-controls"
       }, [e(j, {
         trigger: "click",
         placement: "bottom",
         style: ie,
-        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();
+        onCommand: (M) => {
+          M === "move-left" ? u("left") : M === "move-right" ? u("right") : M === "insert-left" ? F?.chain().focus().addColumnBefore().run() : M === "insert-right" ? F?.chain().focus().addColumnAfter().run() : M === "delete" && F?.chain().focus().deleteColumn().run();
         }
       }, {
         default: () => [e("button", {
           class: "tcc-btn tcc-btn--col"
-        }, [e(m, null, null)])],
+        }, [e(p, null, null)])],
         dropdown: () => e(W, null, {
           default: () => [e(E, {
             command: "move-left",
             disabled: se
           }, {
-            default: () => [g("移动列到左侧")]
+            default: () => [m("移动列到左侧")]
           }), e(E, {
             command: "move-right",
-            disabled: z
+            disabled: $
           }, {
-            default: () => [g("移动列到右侧")]
+            default: () => [m("移动列到右侧")]
           }), e(E, {
             command: "insert-left"
           }, {
-            default: () => [g("在左侧插入一列")]
+            default: () => [m("在左侧插入一列")]
           }), e(E, {
             command: "insert-right"
           }, {
-            default: () => [g("在右侧插入一列")]
+            default: () => [m("在右侧插入一列")]
           }), e(E, {
             command: "delete",
             divided: !0
           }, {
-            default: () => [g("删除列")]
+            default: () => [m("删除列")]
           })]
         })
       }), e(j, {
         trigger: "click",
         placement: "right",
         style: ue,
-        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();
+        onCommand: (M) => {
+          M === "move-up" ? v("up") : M === "move-down" ? v("down") : M === "insert-above" ? F?.chain().focus().addRowBefore().run() : M === "insert-below" ? F?.chain().focus().addRowAfter().run() : M === "delete" && F?.chain().focus().deleteRow().run();
         }
       }, {
         default: () => [e("button", {
           class: "tcc-btn tcc-btn--row"
-        }, [e(c, null, null)])],
+        }, [e(s, null, null)])],
         dropdown: () => e(W, null, {
           default: () => [e(E, {
             command: "move-up",
             disabled: ce
           }, {
-            default: () => [g("上移")]
+            default: () => [m("上移")]
           }), e(E, {
             command: "move-down",
             disabled: N
           }, {
-            default: () => [g("下移")]
+            default: () => [m("下移")]
           }), e(E, {
             command: "insert-above"
           }, {
-            default: () => [g("在上方插入一行")]
+            default: () => [m("在上方插入一行")]
           }), e(E, {
             command: "insert-below"
           }, {
-            default: () => [g("在下方插入一行")]
+            default: () => [m("在下方插入一行")]
           }), e(E, {
             command: "delete",
             divided: !0
           }, {
-            default: () => [g("删除行")]
+            default: () => [m("删除行")]
           })]
         })
-      }), z && e("button", {
+      }), $ && e("button", {
         class: "tcc-btn tcc-btn--add",
         style: re,
-        onClick: () => T?.chain().focus().addColumnAfter().run()
-      }, [e(H, null, null)]), N && e("button", {
+        onClick: () => F?.chain().focus().addColumnAfter().run()
+      }, [e(B, null, null)]), N && e("button", {
         class: "tcc-btn tcc-btn--add",
         style: ae,
-        onClick: () => T?.chain().focus().addRowAfter().run()
-      }, [e(H, null, null)])]);
+        onClick: () => F?.chain().focus().addRowAfter().run()
+      }, [e(B, null, null)])]);
+    };
+  }
+}), Yt = {
+  name: "table",
+  install: () => ({
+    extensions: [Se.configure({ resizable: !0 }), Ze, De, Re],
+    controlComponent: ft
+  }),
+  toolbarComponent: pt
+}, ht = /* @__PURE__ */ c({
+  name: "MathIcon",
+  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", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M9 4.8c.1-.5.5-.8 1-.8h10a1 1 0 1 1 0 2h-9.2L8.3 19.2a1 1 0 0 1-1.7.4l-3.4-4.2a1 1 0 0 1 1.6-1.2l2 2.5L9 4.8Zm9.7 5.5c.4.4.4 1 0 1.4L17 13.5l1.8 1.8a1 1 0 1 1-1.4 1.4L15.5 15l-1.8 1.8a1 1 0 0 1-1.4-1.4l1.8-1.8-1.8-1.8a1 1 0 0 1 1.4-1.4l1.8 1.8 1.8-1.8a1 1 0 0 1 1.4 0Z",
+      fill: "currentColor"
+    }, null)]);
+  }
+}), mt = /* @__PURE__ */ c({
+  name: "MathButton",
+  setup() {
+    const t = H("editor"), l = H("openMathDialog");
+    return () => e(w, {
+      icon: ht,
+      tooltip: "数学公式",
+      isActive: t?.value?.isActive("inlineMath") || t?.value?.isActive("blockMath"),
+      onClick: () => l?.()
+    }, null);
+  }
+}), gt = /* @__PURE__ */ c({
+  name: "MathEditDialog",
+  props: {
+    visible: {
+      type: Boolean,
+      required: !0
+    },
+    latex: {
+      type: String,
+      required: !0
+    },
+    pos: {
+      type: Number,
+      default: null
+    },
+    type: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["update:visible"],
+  setup(t, {
+    emit: l
+  }) {
+    const n = H("editor"), o = x(""), i = x("inline");
+    R(() => t.latex, (s) => {
+      o.value = s;
+    }, {
+      immediate: !0
+    }), R(() => t.type, (s) => {
+      i.value = s;
+    }, {
+      immediate: !0
+    });
+    const u = T(() => t.pos === null), v = T(() => o.value.trim() ? _e.renderToString(o.value, {
+      displayMode: i.value === "block",
+      throwOnError: !1
+    }) : ""), p = () => {
+      const s = n?.value;
+      if (!(!s || !o.value.trim())) {
+        if (u.value)
+          i.value === "inline" ? s.chain().focus().insertInlineMath({
+            latex: o.value
+          }).run() : s.chain().focus().insertBlockMath({
+            latex: o.value
+          }).run();
+        else if (i.value === t.type)
+          t.type === "inline" ? s.commands.updateInlineMath({
+            latex: o.value,
+            pos: t.pos
+          }) : s.commands.updateBlockMath({
+            latex: o.value,
+            pos: t.pos
+          });
+        else {
+          const B = t.pos;
+          t.type === "inline" ? s.chain().focus().deleteInlineMath({
+            pos: B
+          }).insertBlockMath({
+            latex: o.value
+          }).run() : s.chain().focus().deleteBlockMath({
+            pos: B
+          }).insertInlineMath({
+            latex: o.value
+          }).run();
+        }
+        l("update:visible", !1);
+      }
+    };
+    return () => e(ye, {
+      modelValue: t.visible,
+      title: u.value ? "插入数学公式" : "编辑数学公式",
+      width: "520px",
+      "onUpdate:modelValue": (s) => l("update:visible", s)
+    }, {
+      default: () => [e("div", {
+        class: "math-dialog"
+      }, [e(Be, {
+        modelValue: i.value,
+        "onUpdate:modelValue": (s) => {
+          i.value = s;
+        }
+      }, {
+        default: () => [e(q, {
+          value: "inline"
+        }, {
+          default: () => [m("行内公式")]
+        }), e(q, {
+          value: "block"
+        }, {
+          default: () => [m("块级公式")]
+        })]
+      }), e(X, {
+        modelValue: o.value,
+        type: "textarea",
+        rows: 3,
+        placeholder: "请输入 LaTeX 公式，例如：E=mc^2",
+        "onUpdate:modelValue": (s) => {
+          o.value = s;
+        }
+      }, null), e("div", {
+        class: ["math-preview", {
+          "math-preview--empty": !v.value
+        }]
+      }, [v.value ? e("div", {
+        innerHTML: v.value
+      }, null) : e("span", {
+        class: "math-preview__placeholder"
+      }, [m("预览将在此处显示")])])])],
+      footer: () => e(de, null, [e(Z, {
+        onClick: () => l("update:visible", !1)
+      }, {
+        default: () => [m("取消")]
+      }), e(Z, {
+        type: "primary",
+        disabled: !o.value.trim(),
+        onClick: p
+      }, {
+        default: () => [m("确认")]
+      })])
+    });
+  }
+}), e1 = {
+  name: "math",
+  toolbarComponent: mt,
+  install(t) {
+    const l = x(!1), n = x(""), o = x(null), i = x("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({
+      name: "MathEditDialogWrapper",
+      setup: () => () => pe(gt, {
+        visible: l.value,
+        latex: n.value,
+        pos: o.value,
+        type: i.value,
+        "onUpdate:visible": (p) => {
+          l.value = p;
+        }
+      })
+    });
+    return {
+      extensions: [
+        Ue.configure({
+          inlineOptions: {
+            onClick: (p, s) => u({ latex: p.attrs.latex, pos: s, type: "inline" })
+          },
+          blockOptions: {
+            onClick: (p, s) => u({ latex: p.attrs.latex, pos: s, type: "block" })
+          }
+        })
+      ],
+      controlComponent: v
+    };
+  }
+}, wt = /* @__PURE__ */ c({
+  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)
+        return t.extension.options.onError?.(new Error(`文件大小超出限制 ${o.value / 1024 / 1024}MB`)), null;
+      const d = crypto.randomUUID();
+      i.value.push({
+        id: d,
+        file: a,
+        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;
+      } 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;
+      }
+    }, s = 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(p))).filter((f) => !!f);
+      if (d.length > 0) {
+        const f = t.getPos();
+        if (typeof f != "number") return;
+        const h = d.map((y) => ({
+          type: "image",
+          attrs: {
+            src: y
+          }
+        }));
+        t.editor.chain().focus().deleteRange({
+          from: f,
+          to: f + t.node.nodeSize
+        }).insertContentAt(f, h).run();
+      }
+    }, B = () => {
+      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);
+    };
+    return () => e(me, {
+      class: "tiptap-image-upload"
+    }, {
+      default: () => [e("div", {
+        onClick: B
+      }, [i.value.length ? e("div", {
+        class: "tiptap-image-upload-previews"
+      }, [i.value.map((a) => e("div", {
+        key: a.id,
+        class: "tiptap-image-upload-preview"
+      }, [a.status === "uploading" && e("div", {
+        class: "tiptap-image-upload-progress",
+        style: {
+          width: `${a.progress}%`
+        }
+      }, null), e("div", {
+        class: "tiptap-image-upload-preview-content"
+      }, [e("span", {
+        class: "tiptap-image-upload-text"
+      }, [a.file.name]), e("span", {
+        class: "tiptap-image-upload-subtext"
+      }, [a.status === "uploading" ? `${a.progress}%` : a.status === "error" ? "上传失败" : "上传成功"]), e("button", {
+        class: "tiptap-image-upload-remove",
+        onClick: (d) => {
+          d.stopPropagation(), k(a.id);
+        }
+      }, [m("×")])])]))]) : e("div", {
+        class: ["tiptap-image-upload-drag-area", {
+          "drag-active": v.value
+        }],
+        onDragover: C,
+        onDragleave: g,
+        onDrop: I
+      }, [e("div", {
+        class: "tiptap-image-upload-content"
+      }, [e("span", {
+        class: "tiptap-image-upload-text"
+      }, [e("em", null, [m("点击上传")]), m(" 或拖拽图片到此处")]), e("span", {
+        class: "tiptap-image-upload-subtext"
+      }, [m("最多 "), n.value, m(" 个文件"), o.value ? `，每个不超过 ${o.value / 1024 / 1024}MB` : ""])])]), e("input", {
+        ref: u,
+        type: "file",
+        accept: l.value,
+        multiple: n.value > 1,
+        onChange: r,
+        onClick: (a) => a.stopPropagation()
+      }, null)])]
+    });
+  }
+}), bt = Pe.create({
+  name: "imageUpload",
+  group: "block",
+  draggable: !0,
+  selectable: !0,
+  atom: !0,
+  addOptions() {
+    return {
+      type: "image",
+      accept: "image/*",
+      limit: 1,
+      maxSize: 0,
+      upload: (t) => new Promise((l) => {
+        const n = new FileReader();
+        n.onloadend = () => l(n.result), n.readAsDataURL(t);
+      }),
+      onError: void 0,
+      onSuccess: void 0,
+      HTMLAttributes: {}
+    };
+  },
+  addAttributes() {
+    return {
+      accept: {
+        default: this.options.accept
+      },
+      limit: {
+        default: this.options.limit
+      },
+      maxSize: {
+        default: this.options.maxSize
+      }
+    };
+  },
+  parseHTML() {
+    return [{
+      tag: 'div[data-type="image-upload"]'
+    }];
+  },
+  renderHTML({
+    HTMLAttributes: t
+  }) {
+    return ["div", ze({
+      "data-type": "image-upload"
+    }, t)];
+  },
+  addNodeView() {
+    return ge(wt);
+  },
+  addCommands() {
+    return {
+      setImageUploadNode: () => ({
+        commands: t
+      }) => t.insertContent({
+        type: this.name
+      })
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      Enter: ({
+        editor: t
+      }) => {
+        const {
+          selection: l
+        } = t.state, {
+          nodeAfter: n
+        } = l.$from;
+        if (n?.type.name === "imageUpload" && t.isActive("imageUpload")) {
+          const o = t.view.nodeDOM(l.$from.pos);
+          if (o instanceof HTMLElement) {
+            const i = o.firstChild;
+            if (i instanceof HTMLElement)
+              return i.click(), !0;
+          }
+        }
+        return !1;
+      }
     };
   }
-}), h1 = /* @__PURE__ */ p({
-  name: "MathIcon",
+}), kt = /* @__PURE__ */ c({
+  name: "ImagePlusIcon",
   setup(t, {
     attrs: l
   }) {
@@ -1323,144 +1667,21 @@ const f1 = /* @__PURE__ */ p({
     }, l), [e("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
-      d: "M9 4.8c.1-.5.5-.8 1-.8h10a1 1 0 1 1 0 2h-9.2L8.3 19.2a1 1 0 0 1-1.7.4l-3.4-4.2a1 1 0 0 1 1.6-1.2l2 2.5L9 4.8Zm9.7 5.5c.4.4.4 1 0 1.4L17 13.5l1.8 1.8a1 1 0 1 1-1.4 1.4L15.5 15l-1.8 1.8a1 1 0 0 1-1.4-1.4l1.8-1.8-1.8-1.8a1 1 0 0 1 1.4-1.4l1.8 1.8 1.8-1.8a1 1 0 0 1 1.4 0Z",
+      d: "M20 2C20 1.44772 19.5523 1 19 1C18.4477 1 18 1.44772 18 2V4H16C15.4477 4 15 4.44772 15 5C15 5.55228 15.4477 6 16 6H18V8C18 8.55228 18.4477 9 19 9C19.5523 9 20 8.55228 20 8V6H22C22.5523 6 23 5.55228 23 5C23 4.44772 22.5523 4 22 4H20V2ZM5 4C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5V19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20H5.58579L14.379 11.2068C14.9416 10.6444 15.7045 10.3284 16.5 10.3284C17.2955 10.3284 18.0584 10.6444 18.621 11.2068L20 12.5858V12C20 11.4477 20.4477 11 21 11C21.5523 11 22 11.4477 22 12V14.998C22 14.9994 22 15.0007 22 15.002V19C22 19.7957 21.6839 20.5587 21.1213 21.1213C20.5587 21.6839 19.7957 22 19 22H6.00219C6.00073 22 5.99927 22 5.99781 22H5C4.20435 22 3.44129 21.6839 2.87868 21.1213C2.31607 20.5587 2 19.7957 2 19V5C2 4.20435 2.31607 3.44129 2.87868 2.87868C3.44129 2.31607 4.20435 2 5 2H12C12.5523 2 13 2.44772 13 3C13 3.55228 12.5523 4 12 4H5ZM8.41422 20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V15.4142L17.207 12.6212C17.0195 12.4338 16.7651 12.3284 16.5 12.3284C16.2349 12.3284 15.9806 12.4337 15.7931 12.6211L8.41422 20ZM6.87868 6.87868C7.44129 6.31607 8.20435 6 9 6C9.79565 6 10.5587 6.31607 11.1213 6.87868C11.6839 7.44129 12 8.20435 12 9C12 9.79565 11.6839 10.5587 11.1213 11.1213C10.5587 11.6839 9.79565 12 9 12C8.20435 12 7.44129 11.6839 6.87868 11.1213C6.31607 10.5587 6 9.79565 6 9C6 8.20435 6.31607 7.44129 6.87868 6.87868ZM9 8C8.73478 8 8.48043 8.10536 8.29289 8.29289C8.10536 8.48043 8 8.73478 8 9C8 9.26522 8.10536 9.51957 8.29289 9.70711C8.48043 9.89464 8.73478 10 9 10C9.26522 10 9.51957 9.89464 9.70711 9.70711C9.89464 9.51957 10 9.26522 10 9C10 8.73478 9.89464 8.48043 9.70711 8.29289C9.51957 8.10536 9.26522 8 9 8Z",
       fill: "currentColor"
     }, null)]);
   }
-}), g1 = /* @__PURE__ */ p({
-  name: "MathButton",
+}), xt = /* @__PURE__ */ c({
+  name: "ImageButton",
   setup() {
-    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);
-  }
-}), m1 = /* @__PURE__ */ p({
-  name: "MathEditDialog",
-  props: {
-    visible: {
-      type: Boolean,
-      required: !0
-    },
-    latex: {
-      type: String,
-      required: !0
-    },
-    pos: {
-      type: Number,
-      default: null
-    },
-    type: {
-      type: String,
-      required: !0
-    }
-  },
-  emits: ["update:visible"],
-  setup(t, {
-    emit: l
-  }) {
-    const n = A("editor"), o = y(""), u = y("inline");
-    D(() => t.latex, (c) => {
-      o.value = c;
-    }, {
-      immediate: !0
-    }), D(() => t.type, (c) => {
-      u.value = c;
-    }, {
-      immediate: !0
-    });
-    const d = F(() => t.pos === null), f = F(() => o.value.trim() ? _e.renderToString(o.value, {
-      displayMode: u.value === "block",
-      throwOnError: !1
-    }) : ""), m = () => {
-      const c = n?.value;
-      if (!(!c || !o.value.trim())) {
-        if (d.value)
-          u.value === "inline" ? c.chain().focus().insertInlineMath({
-            latex: o.value
-          }).run() : c.chain().focus().insertBlockMath({
-            latex: o.value
-          }).run();
-        else if (u.value === t.type)
-          t.type === "inline" ? c.commands.updateInlineMath({
-            latex: o.value,
-            pos: t.pos
-          }) : c.commands.updateBlockMath({
-            latex: o.value,
-            pos: t.pos
-          });
-        else {
-          const H = t.pos;
-          t.type === "inline" ? c.chain().focus().deleteInlineMath({
-            pos: H
-          }).insertBlockMath({
-            latex: o.value
-          }).run() : c.chain().focus().deleteBlockMath({
-            pos: H
-          }).insertInlineMath({
-            latex: o.value
-          }).run();
-        }
-        l("update:visible", !1);
-      }
-    };
-    return () => e(Se, {
-      modelValue: t.visible,
-      title: d.value ? "插入数学公式" : "编辑数学公式",
-      width: "520px",
-      "onUpdate:modelValue": (c) => l("update:visible", c)
-    }, {
-      default: () => [e("div", {
-        class: "math-dialog"
-      }, [e(Ue, {
-        modelValue: u.value,
-        "onUpdate:modelValue": (c) => {
-          u.value = c;
-        }
-      }, {
-        default: () => [e(q, {
-          value: "inline"
-        }, {
-          default: () => [g("行内公式")]
-        }), e(q, {
-          value: "block"
-        }, {
-          default: () => [g("块级公式")]
-        })]
-      }), e(X, {
-        modelValue: o.value,
-        type: "textarea",
-        rows: 3,
-        placeholder: "请输入 LaTeX 公式，例如：E=mc^2",
-        "onUpdate:modelValue": (c) => {
-          o.value = c;
-        }
-      }, null), e("div", {
-        class: ["math-preview", {
-          "math-preview--empty": !f.value
-        }]
-      }, [f.value ? e("div", {
-        innerHTML: f.value
-      }, null) : e("span", {
-        class: "math-preview__placeholder"
-      }, [g("预览将在此处显示")])])])],
-      footer: () => e(de, null, [e(Z, {
-        onClick: () => l("update:visible", !1)
-      }, {
-        default: () => [g("取消")]
-      }), e(Z, {
-        type: "primary",
-        disabled: !o.value.trim(),
-        onClick: m
-      }, {
-        default: () => [g("确认")]
-      })])
-    });
+    const t = H("editor");
+    return () => e("div", null, [e(w, {
+      icon: kt,
+      tooltip: "图片",
+      onClick: () => t?.value?.commands.setImageUploadNode()
+    }, null)]);
   }
-}), w1 = [{
+}), Ht = [{
   value: "left",
   title: "居左",
   Icon: le
@@ -1473,12 +1694,12 @@ const f1 = /* @__PURE__ */ p({
   title: "居右",
   Icon: oe
 }], _ = (t) => t.preventDefault();
-function b1(t) {
+function yt(t) {
   if (!t.isActive("image")) return null;
   const {
     selection: l
   } = t.state;
-  if (!(l instanceof Me) || l.node.type.name !== "image") return null;
+  if (!(l instanceof Ie) || l.node.type.name !== "image") return null;
   const n = l.node;
   return {
     pos: l.from,
@@ -1487,11 +1708,11 @@ function b1(t) {
     align: n.attrs.align ?? "left"
   };
 }
-function k1(t) {
+function Bt(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 x1 = () => e("svg", {
+const At = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1509,7 +1730,7 @@ const x1 = () => e("svg", {
   y1: "15",
   x2: "12",
   y2: "3"
-}, null)]), H1 = () => e("svg", {
+}, null)]), Mt = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1522,7 +1743,7 @@ const x1 = () => 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)]), y1 = () => e("svg", {
+}, null)]), It = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1539,38 +1760,38 @@ const x1 = () => 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)]), A1 = /* @__PURE__ */ p({
+}, null)]), Lt = /* @__PURE__ */ c({
   name: "ImageControls",
   setup() {
-    const t = A("editor"), l = A("readonly"), n = y(null);
+    const t = H("editor"), l = H("readonly"), n = x(null);
     function o() {
-      const u = t?.value;
-      if (!u) {
+      const i = t?.value;
+      if (!i) {
         n.value = null;
         return;
       }
-      n.value = b1(u);
+      n.value = yt(i);
     }
-    return K((u) => {
-      const d = t?.value;
-      d && (d.on("transaction", o), u(() => {
-        d.off("transaction", o);
+    return G((i) => {
+      const u = t?.value;
+      u && (u.on("transaction", o), i(() => {
+        u.off("transaction", o);
       }));
     }), () => {
-      const u = n.value;
+      const i = n.value;
+      if (!i) return null;
+      const u = t?.value;
       if (!u) return null;
-      const d = t?.value;
-      if (!d) return null;
       const {
-        pos: f,
-        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 = {
+        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");
+      if (!I) return null;
+      const k = g.getBoundingClientRect(), a = I.getBoundingClientRect(), d = {
         position: "absolute",
         top: `${k.top - a.top}px`,
         left: `${k.left - a.left + k.width / 2}px`,
@@ -1579,203 +1800,52 @@ const x1 = () => e("svg", {
       };
       return e("div", {
         class: "image-controls",
-        style: C
-      }, [!i && w1.map(({
-        value: v,
+        style: d
+      }, [!r && Ht.map(({
+        value: f,
         title: h,
-        Icon: B
+        Icon: y
       }) => e("button", {
-        key: v,
-        class: ["image-controls-btn", H === v && "is-active"],
+        key: f,
+        class: ["image-controls-btn", B === f && "is-active"],
         title: h,
         onMousedown: _,
-        onClick: () => d.chain().focus().updateAttributes("image", {
-          align: v
+        onClick: () => u.chain().focus().updateAttributes("image", {
+          align: f
         }).run()
-      }, [e(B, null, null)])), !i && e("span", {
+      }, [e(y, null, null)])), !r && e("span", {
         class: "image-controls-separator"
       }, null), e("button", {
         class: "image-controls-btn",
         title: "下载",
         onMousedown: _,
-        onClick: () => k1(c)
-      }, [e(x1, null, null)]), !i && e("button", {
+        onClick: () => Bt(s)
+      }, [e(At, null, null)]), !r && e("button", {
         class: "image-controls-btn",
         title: "重新上传",
         onMousedown: _,
-        onClick: () => d.chain().focus().deleteRange({
-          from: f,
-          to: f + m
-        }).insertContentAt(f, {
+        onClick: () => u.chain().focus().deleteRange({
+          from: v,
+          to: v + p
+        }).insertContentAt(v, {
           type: "imageUpload"
         }).run()
-      }, [e(H1, null, null)]), !i && e("button", {
+      }, [e(Mt, null, null)]), !r && e("button", {
         class: "image-controls-btn",
         title: "删除",
         onMousedown: _,
-        onClick: () => d.chain().focus().deleteRange({
-          from: f,
-          to: f + m
+        onClick: () => u.chain().focus().deleteRange({
+          from: v,
+          to: v + p
         }).run()
-      }, [e(y1, null, null)])]);
+      }, [e(It, null, null)])]);
     };
   }
-}), B1 = /* @__PURE__ */ p({
-  name: "CodeBlockIcon",
-  setup(t, {
-    attrs: l
-  }) {
-    return () => e("svg", b({
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-width": "2",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, l), [e("polyline", {
-      points: "16 18 22 12 16 6"
-    }, null), e("polyline", {
-      points: "8 6 2 12 8 18"
-    }, null)]);
-  }
-}), M1 = /* @__PURE__ */ p({
-  name: "CodeBlockButton",
-  setup() {
-    const t = A("editor");
-    return () => e(w, {
-      icon: B1,
-      tooltip: "代码块",
-      isActive: t?.value?.isActive("codeBlock"),
-      onClick: () => t?.value?.chain().focus().toggleCodeBlock().run()
-    }, null);
-  }
-}), L1 = /* @__PURE__ */ p({
-  name: "BubbleMenuBar",
-  setup() {
-    const t = A("editor"), l = A("readonly");
-    return () => t?.value ? e(Oe, {
-      editor: t.value,
-      class: "bubble-menu",
-      options: {
-        placement: "top",
-        offset: {
-          mainAxis: 8
-        }
-      },
-      shouldShow: (n) => {
-        if (l?.value) return !1;
-        const {
-          editor: o,
-          from: u,
-          to: d
-        } = n;
-        return !(u === d || o.isActive("image") || o.isActive("table"));
-      }
-    }, {
-      default: () => [e("div", {
-        class: "bubble-menu-content"
-      }, [e(w, {
-        icon: Q,
-        tooltip: "粗体",
-        isActive: t.value.isActive("bold"),
-        onClick: () => t.value?.chain().focus().toggleBold().run()
-      }, null), e(w, {
-        icon: Y,
-        tooltip: "斜体",
-        isActive: t.value.isActive("italic"),
-        onClick: () => t.value?.chain().focus().toggleItalic().run()
-      }, null), e(w, {
-        icon: ee,
-        tooltip: "删除线",
-        isActive: t.value.isActive("strike"),
-        onClick: () => t.value?.chain().focus().toggleStrike().run()
-      }, null), e(w, {
-        icon: te,
-        tooltip: "下划线",
-        isActive: t.value.isActive("underline"),
-        onClick: () => t.value?.chain().focus().toggleUnderline().run()
-      }, null)])]
-    }) : null;
-  }
-}), I1 = He(ye), q1 = /* @__PURE__ */ p({
-  name: "TiptapEditor",
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      default: "请输入内容..."
-    },
-    upload: {
-      type: Function,
-      default: void 0
-    },
-    readonly: {
-      type: Boolean,
-      default: !1
-    },
-    toolbar: {
-      type: Array,
-      default: void 0
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(t, {
-    emit: l
-  }) {
-    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);
-    };
-    P("openMathDialog", i), P("readonly", H);
-    const s = he({
-      content: t.modelValue,
-      editable: !t.readonly,
-      extensions: [pe.configure({
-        codeBlock: !1,
-        link: {
-          openOnClick: !1,
-          enableClickSelection: !0
-        }
-      }), ke.configure({
-        placeholder: t.placeholder
-      }), xe.configure({
-        lowlight: I1,
-        defaultLanguage: "plaintext"
-      }), be.configure({
-        types: ["heading", "paragraph"]
-      }), me, we.configure({
-        nested: !0
-      }), Pe.configure({
+}), t1 = {
+  name: "image",
+  install: (t) => ({
+    extensions: [
+      Ne.configure({
         allowBase64: !0,
         resize: {
           enabled: !0,
@@ -1784,69 +1854,35 @@ const x1 = () => e("svg", {
           minHeight: 50,
           alwaysPreserveAspectRatio: !1
         }
-      }), ze.configure({
-        ...t.upload ? {
-          upload: t.upload
-        } : {}
-      }), Ve.configure({
-        resizable: !0
-      }), Ee, Fe, Te, Ze.configure({
-        inlineOptions: {
-          onClick: (r, x) => i({
-            latex: r.attrs.latex,
-            pos: x,
-            type: "inline"
-          })
-        },
-        blockOptions: {
-          onClick: (r, x) => i({
-            latex: r.attrs.latex,
-            pos: x,
-            type: "block"
-          })
-        }
-      })],
-      onUpdate: ({
-        editor: r
-      }) => {
-        l("update:modelValue", r.getHTML());
-      }
-    });
-    return P("editor", s), D(() => t.modelValue, (r) => {
-      s.value && r !== s.value.getHTML() && s.value.commands.setContent(r, {
-        emitUpdate: !1
-      });
-    }), D(() => t.readonly, (r) => {
-      s.value?.setEditable(!r);
-    }), () => e("div", {
-      class: "tiptap-editor"
-    }, [!t.readonly && e("div", {
-      class: "tiptap-toolbar"
-    }, [o.value.map((r, x) => u(r, x))]), e(ge, {
-      class: "tiptap-content",
-      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)]);
-  }
-});
+      }),
+      bt.configure({ ...t.upload ? { upload: t.upload } : {} })
+    ],
+    controlComponent: Lt
+  }),
+  toolbarComponent: xt
+}, l1 = {
+  name: "separator",
+  install: () => ({
+    extensions: []
+  }),
+  toolbarComponent: /* @__PURE__ */ c({
+    name: "ToolbarSeparator",
+    setup: () => () => e("div", {
+      class: "tiptap-separator"
+    }, null)
+  })
+};
 export {
-  M1 as CodeBlockButton,
-  Ne as DEFAULT_TOOLBAR_CONFIG,
+  Qt as CodeBlockFeature,
   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
+  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
 };