npm - @mario9/tiptap-editor - Versions diffs - 0.1.6 → 1.0.0 - Mend

@mario9/tiptap-editor 0.1.6 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md +99 -56
package/dist/index.d.ts +39 -0
package/dist/tiptap-editor.css +1 -1
package/dist/tiptap-editor.js +962 -884
package/dist/tiptap-editor.umd.cjs +1 -1
package/package.json +1 -1

package/dist/tiptap-editor.js CHANGED Viewed

@@ -1,242 +1,21 @@
-import { defineComponent as c, computed as V, ref as H, createVNode as e, createTextVNode as m, mergeProps as k, inject as B, watch as D, nextTick as P, watchEffect as G, Fragment as de, provide as z } from "vue";
-import 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 { defineComponent as c, createVNode as e, mergeProps as b, inject as H, computed as T, provide as P, watch as R, ref as k, 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 xe } from "@tiptap/extension-text-align";
 import { Placeholder as ke } from "@tiptap/extension-placeholder";
-import { CodeBlockLowlight as xe } from "@tiptap/extension-code-block-lowlight";
-import { createLowlight as He, common as Be } from "lowlight";
+import { 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 Be, ElRadioGroup as ye, ElRadioButton as q } from "element-plus";
 import { Image as Ae } from "@tiptap/extension-image";
-import { Plugin as ye, NodeSelection as Me } from "@tiptap/pm/state";
-import { Decoration as Ie, DecorationSet as Le } from "@tiptap/pm/view";
-import { TableRow as Ee, TableHeader as Fe, TableCell as Ve, Table as Te } from "@tiptap/extension-table";
-import { Mathematics as Ze } from "@tiptap/extension-mathematics";
-import { Node as Re, mergeAttributes as De } from "@tiptap/core";
-import { ElTooltip as R, ElButton as Z, ElPopover as J, ElInput as X, ElDropdown as j, ElDropdownMenu as W, ElDropdownItem as E, ElDialog as Se, ElRadioGroup as Ue, ElRadioButton as q } from "element-plus";
+import { 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 Pe } from "@tiptap/vue-3/menus";
-const ze = 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 ye({
-        props: {
-          decorations(l) {
-            const n = [];
-            return l.doc.descendants((o, u) => {
-              o.type.name === t && o.attrs.align && n.push(
-                Ie.node(u, u + o.nodeSize, {
-                  "data-align": o.attrs.align
-                })
-              );
-            }), Le.create(l.doc, n);
-          }
-        }
-      })
-    ];
-  }
-}), Oe = /* @__PURE__ */ c({
-  name: "ImageUploadView",
-  props: Ce,
-  setup(t) {
-    const l = V(() => t.node.attrs.accept), n = V(() => t.node.attrs.limit), o = V(() => t.node.attrs.maxSize), u = H([]), s = H(), f = H(!1), g = async (a) => {
-      if (o.value > 0 && a.size > o.value)
-        return t.extension.options.onError?.(new Error(`文件大小超出限制 ${o.value / 1024 / 1024}MB`)), null;
-      const d = crypto.randomUUID();
-      u.value.push({
-        id: d,
-        file: a,
-        progress: 0,
-        status: "uploading"
-      });
-      try {
-        const v = t.extension.options.upload;
-        if (!v) throw new Error("未配置 upload 函数");
-        const h = await v(a);
-        if (!h) throw new Error("上传失败：未返回 URL");
-        const A = u.value.find((T) => T.id === d);
-        return A && (A.status = "success", A.progress = 100), t.extension.options.onSuccess?.(h), h;
-      } catch (v) {
-        const h = u.value.find((A) => A.id === d);
-        return h && (h.status = "error", h.progress = 0), t.extension.options.onError?.(v instanceof Error ? v : new Error("上传失败")), null;
-      }
-    }, r = async (a) => {
-      if (!a.length) return;
-      if (a.length > n.value) {
-        t.extension.options.onError?.(new Error(`最多上传 ${n.value} 个文件`));
-        return;
-      }
-      const d = (await Promise.all(a.map(g))).filter((v) => !!v);
-      if (d.length > 0) {
-        const v = t.getPos();
-        if (typeof v != "number") return;
-        const h = d.map((A) => ({
-          type: "image",
-          attrs: {
-            src: A
-          }
-        }));
-        t.editor.chain().focus().deleteRange({
-          from: v,
-          to: v + t.node.nodeSize
-        }).insertContentAt(v, h).run();
-      }
-    }, C = () => {
-      u.value.length === 0 && s.value && (s.value.value = "", s.value.click());
-    }, i = (a) => {
-      const d = a.target.files;
-      d && r(Array.from(d));
-    }, p = (a) => {
-      a.preventDefault(), f.value = !0;
-    }, w = (a) => {
-      a.currentTarget.contains(a.relatedTarget) || (f.value = !1);
-    }, I = (a) => {
-      a.preventDefault(), f.value = !1;
-      const d = Array.from(a.dataTransfer?.files ?? []);
-      d.length && r(d);
-    }, x = (a) => {
-      u.value = u.value.filter((d) => d.id !== a);
-    };
-    return () => e(ve, {
-      class: "tiptap-image-upload"
-    }, {
-      default: () => [e("div", {
-        onClick: C
-      }, [u.value.length ? e("div", {
-        class: "tiptap-image-upload-previews"
-      }, [u.value.map((a) => e("div", {
-        key: a.id,
-        class: "tiptap-image-upload-preview"
-      }, [a.status === "uploading" && e("div", {
-        class: "tiptap-image-upload-progress",
-        style: {
-          width: `${a.progress}%`
-        }
-      }, null), e("div", {
-        class: "tiptap-image-upload-preview-content"
-      }, [e("span", {
-        class: "tiptap-image-upload-text"
-      }, [a.file.name]), e("span", {
-        class: "tiptap-image-upload-subtext"
-      }, [a.status === "uploading" ? `${a.progress}%` : a.status === "error" ? "上传失败" : "上传成功"]), e("button", {
-        class: "tiptap-image-upload-remove",
-        onClick: (d) => {
-          d.stopPropagation(), x(a.id);
-        }
-      }, [m("×")])])]))]) : e("div", {
-        class: ["tiptap-image-upload-drag-area", {
-          "drag-active": f.value
-        }],
-        onDragover: p,
-        onDragleave: w,
-        onDrop: I
-      }, [e("div", {
-        class: "tiptap-image-upload-content"
-      }, [e("span", {
-        class: "tiptap-image-upload-text"
-      }, [e("em", null, [m("点击上传")]), m(" 或拖拽图片到此处")]), e("span", {
-        class: "tiptap-image-upload-subtext"
-      }, [m("最多 "), n.value, m(" 个文件"), o.value ? `，每个不超过 ${o.value / 1024 / 1024}MB` : ""])])]), e("input", {
-        ref: s,
-        type: "file",
-        accept: l.value,
-        multiple: n.value > 1,
-        onChange: i,
-        onClick: (a) => a.stopPropagation()
-      }, null)])]
-    });
-  }
-}), $e = 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(Oe);
-  },
-  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 = {
+import { Node as Pe, mergeAttributes as ze } from "@tiptap/core";
+const Oe = {
   icon: {
     type: Object,
     required: !0
@@ -255,11 +34,11 @@ const ze = Ae.extend({
   onClick: {
     type: Function
   }
-}, b = /* @__PURE__ */ c({
+}, w = /* @__PURE__ */ c({
   name: "IconButton",
-  props: Ne,
+  props: Oe,
   setup(t) {
-    return () => e(R, {
+    return () => e(D, {
       showArrow: !1,
       offset: 6,
       content: t.tooltip
@@ -275,12 +54,247 @@ const ze = Ae.extend({
       }, null)]
     });
   }
+}), 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: r
+        } = n;
+        return !(i === r || 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
+    },
+    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((r) => ({
+      plugin: r,
+      result: r.install({
+        readonly: n,
+        provide: (v, p) => P(v, p)
+      })
+    })), i = ve({
+      content: t.modelValue,
+      editable: !t.readonly,
+      extensions: [Ce.configure({
+        codeBlock: !1,
+        link: {
+          openOnClick: !1,
+          enableClickSelection: !0
+        }
+      }), ke.configure({
+        placeholder: t.placeholder
+      }), xe.configure({
+        types: ["heading", "paragraph"]
+      }), we, be.configure({
+        nested: !0
+      }), ...o.flatMap(({
+        result: r
+      }) => r.extensions)],
+      onUpdate: ({
+        editor: r
+      }) => {
+        l("update:modelValue", r.getHTML());
+      }
+    });
+    return P("editor", i), R(() => t.modelValue, (r) => {
+      i.value && r !== i.value.getHTML() && i.value.commands.setContent(r, {
+        emitUpdate: !1
+      });
+    }), R(() => t.readonly, (r) => {
+      i.value?.setEditable(!r);
+    }), () => e("div", {
+      class: "tiptap-editor"
+    }, [!t.readonly && e("div", {
+      class: "tiptap-toolbar"
+    }, [o.map(({
+      plugin: r
+    }) => {
+      const v = r.toolbarComponent;
+      return v ? e(v, {
+        key: r.name
+      }, null) : null;
+    })]), e(fe, {
+      class: "tiptap-content",
+      editor: i.value
+    }, null), e($e, null, null), o.map(({
+      plugin: r,
+      result: v
+    }) => {
+      const p = v.controlComponent;
+      return p ? e(p, {
+        key: `${r.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
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -298,7 +312,7 @@ const ze = Ae.extend({
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -314,25 +328,29 @@ const ze = Ae.extend({
 }), qe = /* @__PURE__ */ c({
   name: "UndoRedoButton",
   setup() {
-    const t = B("editor"), l = V(() => t?.value?.can().undo() ?? !1), n = V(() => t?.value?.can().redo() ?? !1);
-    return () => e("div", null, [e(b, {
+    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: je,
       tooltip: "撤销",
       disabled: !l.value,
       onClick: () => t?.value?.chain().focus().undo().run()
-    }, null), e(b, {
+    }, null), e(w, {
       icon: We,
       tooltip: "重做",
       disabled: !n.value,
       onClick: () => t?.value?.chain().focus().redo().run()
     }, null)]);
   }
-}), Ke = /* @__PURE__ */ c({
+}), Kt = {
+  name: "undo-redo",
+  install: () => ({ extensions: [] }),
+  toolbarComponent: qe
+}, Ke = /* @__PURE__ */ c({
   name: "LinkIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -351,7 +369,7 @@ const ze = Ae.extend({
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -372,7 +390,7 @@ const ze = Ae.extend({
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -398,7 +416,7 @@ const ze = Ae.extend({
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -417,49 +435,49 @@ const ze = Ae.extend({
 }), Qe = /* @__PURE__ */ c({
   name: "LinkPopover",
   setup() {
-    const t = B("editor"), l = H(!1), n = H("");
+    const t = H("editor"), l = k(!1), n = k("");
     let o = !1;
-    D(() => t?.value?.isActive("link"), (i) => {
-      o || i && (n.value = t?.value?.getAttributes("link").href ?? "", P(() => {
+    R(() => t?.value?.isActive("link"), (u) => {
+      o || u && (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 u = t?.value;
+      if (!u || !n.value) return;
       o = !0;
       const {
-        empty: p
-      } = i.state.selection;
-      let w = i.chain().focus().extendMarkRange("link").setLink({
+        empty: C
+      } = u.state.selection;
+      let g = u.chain().focus().extendMarkRange("link").setLink({
         href: n.value
       });
-      p && (w = w.insertContent({
+      C && (g = g.insertContent({
         type: "text",
         text: n.value
-      })), w.run(), l.value = !1, P(() => {
+      })), g.run(), l.value = !1, z(() => {
         o = !1;
       });
-    }, s = () => {
-      const i = t?.value;
-      i && (o = !0, i.chain().focus().extendMarkRange("link").unsetLink().run(), n.value = "", l.value = !1, P(() => {
+    }, r = () => {
+      const u = t?.value;
+      u && (o = !0, u.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");
-    }, g = (i) => {
-      i.key === "Enter" && (i.preventDefault(), u());
-    }, r = (i) => {
-      i && (n.value = t?.value?.getAttributes("link").href ?? ""), l.value = i;
-    }, C = (i) => {
-      n.value = i;
+    }, v = () => {
+      const u = t?.value?.getAttributes("link").href;
+      u && window.open(u, "_blank", "noopener,noreferrer");
+    }, p = (u) => {
+      u.key === "Enter" && (u.preventDefault(), i());
+    }, s = (u) => {
+      u && (n.value = t?.value?.getAttributes("link").href ?? ""), l.value = u;
+    }, y = (u) => {
+      n.value = u;
     };
     return () => {
-      const i = t?.value?.isActive("link") ?? !1;
+      const u = t?.value?.isActive("link") ?? !1;
       return e(J, {
         visible: l.value,
-        "onUpdate:visible": r,
+        "onUpdate:visible": s,
         placement: "bottom",
         width: 300,
         trigger: "click",
@@ -467,26 +485,26 @@ const ze = Ae.extend({
         popperClass: "link-popover-popper",
         offset: 6
       }, {
-        reference: () => e("span", null, [e(b, {
+        reference: () => e("span", null, [e(w, {
           tooltip: "链接",
           icon: Ke,
           class: ["tiptap-button", {
-            "is-active": i
+            "is-active": u
           }]
         }, null)]),
         default: () => e("div", {
           class: "link-popover-inner"
         }, [e(X, {
           modelValue: n.value,
-          "onUpdate:modelValue": C,
+          "onUpdate:modelValue": y,
           type: "url",
           placeholder: "请输入链接...",
           size: "small",
           autofocus: !0,
-          onKeydown: g
+          onKeydown: p
         }, null), e("div", {
           class: "link-popover-actions"
-        }, [e(R, {
+        }, [e(D, {
           content: "确认",
           showArrow: !1,
           offset: 4
@@ -495,9 +513,9 @@ const ze = Ae.extend({
             text: !0,
             icon: Ge,
             disabled: !n.value,
-            onClick: u
+            onClick: i
           }, null)]
-        }), e(R, {
+        }), e(D, {
           content: "在新标签页打开",
           showArrow: !1,
           offset: 4
@@ -505,10 +523,10 @@ const ze = Ae.extend({
           default: () => [e(Z, {
             text: !0,
             icon: Je,
-            disabled: !n.value && !i,
-            onClick: f
+            disabled: !n.value && !u,
+            onClick: v
           }, null)]
-        }), e(R, {
+        }), e(D, {
           content: "移除链接",
           showArrow: !1,
           offset: 4
@@ -516,116 +534,49 @@ const ze = Ae.extend({
           default: () => [e(Z, {
             text: !0,
             icon: Xe,
-            disabled: !i,
-            onClick: s
+            disabled: !u,
+            onClick: r
           }, null)]
         })])])
       });
     };
   }
-}), Q = /* @__PURE__ */ c({
-  name: "BoldIcon",
-  setup(t, {
-    attrs: l
-  }) {
-    return () => e("svg", k({
-      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", k({
-      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", k({
-      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", k({
-      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)]);
-  }
 }), Ye = /* @__PURE__ */ c({
   name: "TextStyleButton",
   setup() {
-    const t = B("editor");
-    return () => e("div", null, [e(b, {
+    const t = H("editor");
+    return () => e("div", null, [e(w, {
       icon: Q,
       tooltip: "粗体",
       isActive: t?.value?.isActive("bold"),
       onClick: () => t?.value?.chain().focus().toggleBold().run()
-    }, null), e(b, {
+    }, null), e(w, {
       icon: Y,
       tooltip: "斜体",
       isActive: t?.value?.isActive("italic"),
       onClick: () => t?.value?.chain().focus().toggleItalic().run()
-    }, null), e(b, {
+    }, null), e(w, {
       icon: ee,
       tooltip: "删除线",
       isActive: t?.value?.isActive("strike"),
       onClick: () => t?.value?.chain().focus().toggleStrike().run()
-    }, null), e(b, {
+    }, null), e(w, {
       icon: te,
       tooltip: "下划线",
       isActive: t?.value?.isActive("underline"),
       onClick: () => t?.value?.chain().focus().toggleUnderline().run()
     }, null), e(Qe, null, null)]);
   }
-}), le = /* @__PURE__ */ c({
+}), Gt = {
+  name: "text-style",
+  install: () => ({ extensions: [] }),
+  toolbarComponent: Ye
+}, le = /* @__PURE__ */ c({
   name: "AlignLeftIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -653,7 +604,7 @@ const ze = Ae.extend({
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -681,7 +632,7 @@ const ze = Ae.extend({
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -704,12 +655,12 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), e1 = /* @__PURE__ */ c({
+}), et = /* @__PURE__ */ c({
   name: "AlignJustifyIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -732,33 +683,33 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), t1 = /* @__PURE__ */ c({
+}), tt = /* @__PURE__ */ c({
   name: "TextAlignButton",
   setup() {
-    const t = B("editor");
-    return () => e("div", null, [e(b, {
+    const t = H("editor");
+    return () => e("div", null, [e(w, {
       icon: le,
       tooltip: "左边对齐",
       isActive: t?.value?.isActive({
         textAlign: "left"
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("left").run()
-    }, null), e(b, {
+    }, null), e(w, {
       icon: ne,
       tooltip: "中间对齐",
       isActive: t?.value?.isActive({
         textAlign: "center"
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("center").run()
-    }, null), e(b, {
+    }, null), e(w, {
       icon: oe,
       tooltip: "右边对齐",
       isActive: t?.value?.isActive({
         textAlign: "right"
       }),
       onClick: () => t?.value?.chain().focus().setTextAlign("right").run()
-    }, null), e(b, {
-      icon: e1,
+    }, null), e(w, {
+      icon: et,
       tooltip: "两端对齐",
       isActive: t?.value?.isActive({
         textAlign: "justify"
@@ -766,12 +717,16 @@ const ze = Ae.extend({
       onClick: () => t?.value?.chain().focus().setTextAlign("justify").run()
     }, null)]);
   }
-}), l1 = /* @__PURE__ */ c({
+}), Jt = {
+  name: "text-align",
+  install: () => ({ extensions: [] }),
+  toolbarComponent: tt
+}, lt = /* @__PURE__ */ c({
   name: "ListIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -809,12 +764,12 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), n1 = /* @__PURE__ */ c({
+}), nt = /* @__PURE__ */ c({
   name: "ListOrderedIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -852,12 +807,12 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), o1 = /* @__PURE__ */ c({
+}), ot = /* @__PURE__ */ c({
   name: "ListTodoIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -890,61 +845,75 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), i1 = /* @__PURE__ */ c({
+}), it = /* @__PURE__ */ c({
   name: "ListButton",
   setup() {
-    const t = B("editor");
-    return () => e("div", null, [e(b, {
-      icon: l1,
+    const t = H("editor");
+    return () => e("div", null, [e(w, {
+      icon: lt,
       tooltip: "无序列表",
       isActive: t?.value?.isActive("bulletList"),
       onClick: () => t?.value?.chain().focus().toggleBulletList().run()
-    }, null), e(b, {
-      icon: n1,
+    }, null), e(w, {
+      icon: nt,
       tooltip: "有序列表",
       isActive: t?.value?.isActive("orderedList"),
       onClick: () => t?.value?.chain().focus().toggleOrderedList().run()
-    }, null), e(b, {
-      icon: o1,
+    }, null), e(w, {
+      icon: ot,
       tooltip: "任务列表",
       isActive: t?.value?.isActive("taskList"),
       onClick: () => t?.value?.chain().focus().toggleTaskList().run()
     }, null)]);
   }
-}), u1 = /* @__PURE__ */ c({
-  name: "ImagePlusIcon",
+}), Xt = {
+  name: "list",
+  install: () => ({ extensions: [] }),
+  toolbarComponent: it
+}, rt = /* @__PURE__ */ c({
+  name: "CodeBlockIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       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)]);
   }
-}), r1 = /* @__PURE__ */ c({
-  name: "ImageButton",
+}), ut = /* @__PURE__ */ c({
+  name: "CodeBlockButton",
   setup() {
-    const t = B("editor");
-    return () => e("div", null, [e(b, {
-      icon: u1,
-      tooltip: "图片",
-      onClick: () => t?.value?.commands.setImageUploadNode()
-    }, null)]);
+    const t = H("editor");
+    return () => e(w, {
+      icon: rt,
+      tooltip: "代码块",
+      isActive: t?.value?.isActive("codeBlock"),
+      onClick: () => t?.value?.chain().focus().toggleCodeBlock().run()
+    }, null);
   }
-}), a1 = /* @__PURE__ */ c({
+}), at = Te(Ve), Qt = {
+  name: "code-block",
+  install: () => ({
+    extensions: [Fe.configure({ lowlight: at, defaultLanguage: "plaintext" })]
+  }),
+  toolbarComponent: ut
+}, st = /* @__PURE__ */ c({
   name: "TableIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -957,30 +926,30 @@ const ze = Ae.extend({
       fill: "currentColor"
     }, null)]);
   }
-}), s1 = 8, c1 = 8, d1 = /* @__PURE__ */ c({
+}), ct = 8, dt = 8, pt = /* @__PURE__ */ c({
   name: "TableButton",
   setup() {
-    const t = B("editor"), l = H(!1), n = H(0), o = H(0), u = (g, r) => {
-      n.value = g, o.value = r;
-    }, s = () => {
+    const t = H("editor"), l = k(!1), n = k(0), o = k(0), i = (p, s) => {
+      n.value = p, o.value = s;
+    }, r = () => {
       n.value = 0, o.value = 0;
-    }, f = (g, r) => {
+    }, v = (p, s) => {
       t?.value?.chain().focus().insertTable({
-        rows: r,
-        cols: g,
+        rows: s,
+        cols: p,
         withHeaderRow: !0
       }).run(), l.value = !1;
     };
     return () => e(J, {
       visible: l.value,
-      "onUpdate:visible": (g) => l.value = g,
+      "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,
@@ -992,7 +961,7 @@ const ze = Ae.extend({
             "is-active": l.value
           }]
         }, {
-          default: () => [e(a1, {
+          default: () => [e(st, {
             class: "tiptap-button-icon"
           }, null)]
         })]
@@ -1001,21 +970,21 @@ const ze = Ae.extend({
         class: "table-picker"
       }, [e("div", {
         class: "table-picker-grid",
-        onMouseleave: s
+        onMouseleave: r
       }, [Array.from({
-        length: c1
-      }, (g, r) => e("div", {
-        key: r,
+        length: dt
+      }, (p, s) => e("div", {
+        key: s,
         class: "table-picker-row"
       }, [Array.from({
-        length: s1
-      }, (C, i) => e("div", {
-        key: i,
+        length: ct
+      }, (y, u) => e("div", {
+        key: u,
         class: ["table-picker-cell", {
-          "is-active": i < n.value && r < o.value
+          "is-active": u < n.value && s < o.value
         }],
-        onMouseenter: () => u(i + 1, r + 1),
-        onClick: () => f(i + 1, r + 1)
+        onMouseenter: () => i(u + 1, s + 1),
+        onClick: () => v(u + 1, s + 1)
       }, null))]))]), e("div", {
         class: "table-picker-footer"
       }, [e("div", {
@@ -1028,7 +997,7 @@ const ze = Ae.extend({
     });
   }
 });
-function p1(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;
@@ -1036,24 +1005,24 @@ function p1(t) {
   }
   return null;
 }
-function C1(t) {
+function vt(t) {
   if (!t.isActive("tableCell") && !t.isActive("tableHeader")) return null;
   const {
     node: l
-  } = t.view.domAtPos(t.state.selection.from), n = p1(l);
+  } = t.view.domAtPos(t.state.selection.from), n = Ct(l);
   if (!n) return null;
-  const o = n.parentElement, u = o.parentElement, s = n.closest("table");
-  if (!s) return null;
-  const f = Array.from(o.children).indexOf(n), g = Array.from(u.children).indexOf(o), r = o.children.length, C = u.children.length, i = n.getBoundingClientRect(), p = s.getBoundingClientRect(), w = t.view.dom.closest(".tiptap-editor").getBoundingClientRect();
+  const o = n.parentElement, i = o.parentElement, r = n.closest("table");
+  if (!r) return null;
+  const v = Array.from(o.children).indexOf(n), p = Array.from(i.children).indexOf(o), s = o.children.length, y = i.children.length, u = n.getBoundingClientRect(), C = r.getBoundingClientRect(), g = t.view.dom.closest(".tiptap-editor").getBoundingClientRect();
   return {
     cell: n,
-    colIndex: f,
-    rowIndex: g,
-    totalCols: r,
-    totalRows: C,
-    cellRect: i,
-    tableRect: p,
-    editorRect: w
+    colIndex: v,
+    rowIndex: p,
+    totalCols: s,
+    totalRows: y,
+    cellRect: u,
+    tableRect: C,
+    editorRect: g
   };
 }
 function K(t) {
@@ -1061,81 +1030,81 @@ function K(t) {
     state: l
   } = t, n = l.selection.from;
   let o = null;
-  return l.doc.nodesBetween(0, l.doc.content.size, (u, s) => {
-    if (u.type.name === "table" && s <= n && n <= s + u.nodeSize)
+  return l.doc.nodesBetween(0, l.doc.content.size, (i, r) => {
+    if (i.type.name === "table" && r <= n && n <= r + i.nodeSize)
       return o = {
-        node: u,
-        pos: s
+        node: i,
+        pos: r
       }, !1;
   }), o;
 }
-const v1 = /* @__PURE__ */ c({
+const ft = /* @__PURE__ */ c({
   name: "TableControls",
   setup() {
-    const t = B("editor"), l = B("readonly"), n = H(null), o = H(null);
-    function u() {
-      const i = t?.value;
-      if (o.value && (o.value.classList.remove("tcc-cell-focused"), o.value = null), !i) {
+    const t = H("editor"), l = H("readonly"), n = k(null), o = k(null);
+    function i() {
+      const u = t?.value;
+      if (o.value && (o.value.classList.remove("tcc-cell-focused"), o.value = null), !u) {
         n.value = null;
         return;
       }
-      const p = C1(i);
-      n.value = p, p && (p.cell.classList.add("tcc-cell-focused"), o.value = p.cell);
+      const C = vt(u);
+      n.value = C, C && (C.cell.classList.add("tcc-cell-focused"), o.value = C.cell);
     }
-    G((i) => {
-      const p = t?.value;
-      p && (p.on("selectionUpdate", u), p.on("transaction", u), i(() => {
-        p.off("selectionUpdate", u), p.off("transaction", u), o.value && (o.value.classList.remove("tcc-cell-focused"), o.value = null);
+    G((u) => {
+      const C = t?.value;
+      C && (C.on("selectionUpdate", i), C.on("transaction", i), u(() => {
+        C.off("selectionUpdate", i), C.off("transaction", i), o.value && (o.value.classList.remove("tcc-cell-focused"), o.value = null);
       }));
     });
-    function s(i) {
-      const p = t?.value;
-      if (!p || !n.value) return;
+    function r(u) {
+      const C = t?.value;
+      if (!C || !n.value) return;
       const {
-        colIndex: w,
+        colIndex: g,
         totalCols: I
-      } = n.value, x = i === "left" ? w - 1 : w + 1;
+      } = n.value, x = u === "left" ? g - 1 : g + 1;
       if (x < 0 || x >= I) return;
-      const a = K(p);
+      const a = K(C);
       if (!a) return;
       const {
         node: d,
-        pos: v
+        pos: f
       } = a, h = [];
       d.forEach((L) => {
         if (L.type.name !== "tableRow") {
           h.push(L);
           return;
         }
-        const y = [];
-        L.forEach((U) => y.push(U));
-        const S = y[w];
-        y[w] = y[x], y[x] = S, h.push(L.type.create(L.attrs, y, L.marks));
+        const A = [];
+        L.forEach((U) => A.push(U));
+        const S = A[g];
+        A[g] = A[x], A[x] = S, h.push(L.type.create(L.attrs, A, L.marks));
       });
-      const A = d.type.create(d.attrs, h, d.marks), T = p.state.tr.replaceWith(v, v + d.nodeSize, A);
-      p.view.dispatch(T);
+      const B = d.type.create(d.attrs, h, d.marks), V = C.state.tr.replaceWith(f, f + d.nodeSize, B);
+      C.view.dispatch(V);
     }
-    function f(i) {
-      const p = t?.value;
-      if (!p || !n.value) return;
+    function v(u) {
+      const C = t?.value;
+      if (!C || !n.value) return;
       const {
-        rowIndex: w,
+        rowIndex: g,
         totalRows: I
-      } = n.value, x = i === "up" ? w - 1 : w + 1;
+      } = n.value, x = u === "up" ? g - 1 : g + 1;
       if (x < 0 || x >= I) return;
-      const a = K(p);
+      const a = K(C);
       if (!a) return;
       const {
         node: d,
-        pos: v
+        pos: f
       } = a, h = [];
-      d.forEach((y) => h.push(y));
-      const A = h[w];
-      h[w] = h[x], h[x] = A;
-      const T = d.type.create(d.attrs, h, d.marks), L = p.state.tr.replaceWith(v, v + d.nodeSize, T);
-      p.view.dispatch(L);
+      d.forEach((A) => h.push(A));
+      const B = h[g];
+      h[g] = h[x], h[x] = B;
+      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 g = () => e("svg", {
+    const p = () => e("svg", {
       width: "16",
       height: "4",
       viewBox: "0 0 16 4",
@@ -1152,7 +1121,7 @@ const v1 = /* @__PURE__ */ c({
       cx: "14",
       cy: "2",
       r: "1.5"
-    }, null)]), r = () => e("svg", {
+    }, null)]), s = () => e("svg", {
       width: "4",
       height: "16",
       viewBox: "0 0 4 16",
@@ -1169,7 +1138,7 @@ const v1 = /* @__PURE__ */ c({
       cx: "2",
       cy: "14",
       r: "1.5"
-    }, null)]), C = () => e("svg", {
+    }, null)]), y = () => e("svg", {
       width: "10",
       height: "10",
       viewBox: "0 0 10 10",
@@ -1182,33 +1151,33 @@ const v1 = /* @__PURE__ */ c({
     }, null)]);
     return () => {
       if (l?.value) return null;
-      const i = n.value;
-      if (!i) return null;
+      const u = n.value;
+      if (!u) return null;
       const {
-        colIndex: p,
-        rowIndex: w,
+        colIndex: C,
+        rowIndex: g,
         totalCols: I,
         totalRows: x,
         cellRect: a,
         tableRect: d,
-        editorRect: v
-      } = i, h = d.top - v.top, A = d.left - v.left, T = d.right - v.left, L = d.bottom - v.top, y = a.left - v.left, S = a.top - v.top, U = a.width, O = a.height, ie = {
+        editorRect: f
+      } = u, h = d.top - f.top, B = 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: `${y + U / 2 - 18}px`
-      }, ue = {
+        left: `${A + U / 2 - 18}px`
+      }, re = {
         position: "absolute",
         top: `${S + O / 2 - 18}px`,
-        left: `${A - 20}px`
-      }, re = {
+        left: `${B - 20}px`
+      }, ue = {
         position: "absolute",
         top: `${S + O / 2 - 12}px`,
-        left: `${T + 6}px`
+        left: `${V + 6}px`
       }, ae = {
         position: "absolute",
         top: `${L + 6}px`,
-        left: `${y + U / 2 - 12}px`
-      }, se = p === 0, $ = p === I - 1, ce = w === 0, N = w === x - 1, F = t?.value;
+        left: `${A + U / 2 - 12}px`
+      }, se = C === 0, $ = C === I - 1, ce = g === 0, N = g === x - 1, F = t?.value;
       return e("div", {
         class: "table-cell-controls"
       }, [e(j, {
@@ -1216,12 +1185,12 @@ const v1 = /* @__PURE__ */ c({
         placement: "bottom",
         style: ie,
         onCommand: (M) => {
-          M === "move-left" ? s("left") : M === "move-right" ? s("right") : M === "insert-left" ? F?.chain().focus().addColumnBefore().run() : M === "insert-right" ? F?.chain().focus().addColumnAfter().run() : M === "delete" && F?.chain().focus().deleteColumn().run();
+          M === "move-left" ? r("left") : M === "move-right" ? r("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(g, null, null)])],
+        }, [e(p, null, null)])],
         dropdown: () => e(W, null, {
           default: () => [e(E, {
             command: "move-left",
@@ -1251,14 +1220,14 @@ const v1 = /* @__PURE__ */ c({
       }), e(j, {
         trigger: "click",
         placement: "right",
-        style: ue,
+        style: re,
         onCommand: (M) => {
-          M === "move-up" ? f("up") : M === "move-down" ? f("down") : M === "insert-above" ? F?.chain().focus().addRowBefore().run() : M === "insert-below" ? F?.chain().focus().addRowAfter().run() : M === "delete" && F?.chain().focus().deleteRow().run();
+          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(r, null, null)])],
+        }, [e(s, null, null)])],
         dropdown: () => e(W, null, {
           default: () => [e(E, {
             command: "move-up",
@@ -1287,21 +1256,404 @@ const v1 = /* @__PURE__ */ c({
         })
       }), $ && e("button", {
         class: "tcc-btn tcc-btn--add",
-        style: re,
+        style: ue,
         onClick: () => F?.chain().focus().addColumnAfter().run()
-      }, [e(C, null, null)]), N && e("button", {
+      }, [e(y, null, null)]), N && e("button", {
         class: "tcc-btn tcc-btn--add",
         style: ae,
         onClick: () => F?.chain().focus().addRowAfter().run()
-      }, [e(C, null, null)])]);
+      }, [e(y, 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 = k(""), i = k("inline");
+    R(() => t.latex, (s) => {
+      o.value = s;
+    }, {
+      immediate: !0
+    }), R(() => t.type, (s) => {
+      i.value = s;
+    }, {
+      immediate: !0
+    });
+    const r = 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 (r.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 y = t.pos;
+          t.type === "inline" ? s.chain().focus().deleteInlineMath({
+            pos: y
+          }).insertBlockMath({
+            latex: o.value
+          }).run() : s.chain().focus().deleteBlockMath({
+            pos: y
+          }).insertInlineMath({
+            latex: o.value
+          }).run();
+        }
+        l("update:visible", !1);
+      }
+    };
+    return () => e(Be, {
+      modelValue: t.visible,
+      title: r.value ? "插入数学公式" : "编辑数学公式",
+      width: "520px",
+      "onUpdate:modelValue": (s) => l("update:visible", s)
+    }, {
+      default: () => [e("div", {
+        class: "math-dialog"
+      }, [e(ye, {
+        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 = k(!1), n = k(""), o = k(null), i = k("inline"), r = (p = {}) => {
+      t.readonly.value || (n.value = p.latex ?? "", o.value = p.pos ?? null, i.value = p.type ?? "inline", l.value = !0);
+    };
+    t.provide("openMathDialog", r);
+    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) => r({ latex: p.attrs.latex, pos: s, type: "inline" })
+          },
+          blockOptions: {
+            onClick: (p, s) => r({ 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 = k([]), r = k(), v = k(!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 B = i.value.find((V) => V.id === d);
+        return B && (B.status = "success", B.progress = 100), t.extension.options.onSuccess?.(h), h;
+      } catch (f) {
+        const h = i.value.find((B) => B.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((B) => ({
+          type: "image",
+          attrs: {
+            src: B
+          }
+        }));
+        t.editor.chain().focus().deleteRange({
+          from: f,
+          to: f + t.node.nodeSize
+        }).insertContentAt(f, h).run();
+      }
+    }, y = () => {
+      i.value.length === 0 && r.value && (r.value.value = "", r.value.click());
+    }, u = (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);
+    }, x = (a) => {
+      i.value = i.value.filter((d) => d.id !== a);
+    };
+    return () => e(me, {
+      class: "tiptap-image-upload"
+    }, {
+      default: () => [e("div", {
+        onClick: y
+      }, [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(), x(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: r,
+        type: "file",
+        accept: l.value,
+        multiple: n.value > 1,
+        onChange: u,
+        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;
+      }
     };
   }
-}), f1 = /* @__PURE__ */ c({
-  name: "MathIcon",
+}), xt = /* @__PURE__ */ c({
+  name: "ImagePlusIcon",
   setup(t, {
     attrs: l
   }) {
-    return () => e("svg", k({
+    return () => e("svg", b({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24",
@@ -1310,144 +1662,21 @@ const v1 = /* @__PURE__ */ c({
     }, 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)]);
   }
-}), h1 = /* @__PURE__ */ c({
-  name: "MathButton",
+}), kt = /* @__PURE__ */ c({
+  name: "ImageButton",
   setup() {
-    const t = B("editor"), l = B("openMathDialog");
-    return () => e(b, {
-      icon: f1,
-      tooltip: "数学公式",
-      isActive: t?.value?.isActive("inlineMath") || t?.value?.isActive("blockMath"),
-      onClick: () => l?.()
-    }, null);
-  }
-}), g1 = /* @__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 = B("editor"), o = H(""), u = H("inline");
-    D(() => t.latex, (r) => {
-      o.value = r;
-    }, {
-      immediate: !0
-    }), D(() => t.type, (r) => {
-      u.value = r;
-    }, {
-      immediate: !0
-    });
-    const s = V(() => t.pos === null), f = V(() => o.value.trim() ? _e.renderToString(o.value, {
-      displayMode: u.value === "block",
-      throwOnError: !1
-    }) : ""), g = () => {
-      const r = n?.value;
-      if (!(!r || !o.value.trim())) {
-        if (s.value)
-          u.value === "inline" ? r.chain().focus().insertInlineMath({
-            latex: o.value
-          }).run() : r.chain().focus().insertBlockMath({
-            latex: o.value
-          }).run();
-        else if (u.value === t.type)
-          t.type === "inline" ? r.commands.updateInlineMath({
-            latex: o.value,
-            pos: t.pos
-          }) : r.commands.updateBlockMath({
-            latex: o.value,
-            pos: t.pos
-          });
-        else {
-          const C = t.pos;
-          t.type === "inline" ? r.chain().focus().deleteInlineMath({
-            pos: C
-          }).insertBlockMath({
-            latex: o.value
-          }).run() : r.chain().focus().deleteBlockMath({
-            pos: C
-          }).insertInlineMath({
-            latex: o.value
-          }).run();
-        }
-        l("update:visible", !1);
-      }
-    };
-    return () => e(Se, {
-      modelValue: t.visible,
-      title: s.value ? "插入数学公式" : "编辑数学公式",
-      width: "520px",
-      "onUpdate:modelValue": (r) => l("update:visible", r)
-    }, {
-      default: () => [e("div", {
-        class: "math-dialog"
-      }, [e(Ue, {
-        modelValue: u.value,
-        "onUpdate:modelValue": (r) => {
-          u.value = r;
-        }
-      }, {
-        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": (r) => {
-          o.value = r;
-        }
-      }, null), e("div", {
-        class: ["math-preview", {
-          "math-preview--empty": !f.value
-        }]
-      }, [f.value ? e("div", {
-        innerHTML: f.value
-      }, null) : e("span", {
-        class: "math-preview__placeholder"
-      }, [m("预览将在此处显示")])])])],
-      footer: () => e(de, null, [e(Z, {
-        onClick: () => l("update:visible", !1)
-      }, {
-        default: () => [m("取消")]
-      }), e(Z, {
-        type: "primary",
-        disabled: !o.value.trim(),
-        onClick: g
-      }, {
-        default: () => [m("确认")]
-      })])
-    });
+    const t = H("editor");
+    return () => e("div", null, [e(w, {
+      icon: xt,
+      tooltip: "图片",
+      onClick: () => t?.value?.commands.setImageUploadNode()
+    }, null)]);
   }
-}), m1 = [{
+}), Ht = [{
   value: "left",
   title: "居左",
   Icon: le
@@ -1460,12 +1689,12 @@ const v1 = /* @__PURE__ */ c({
   title: "居右",
   Icon: oe
 }], _ = (t) => t.preventDefault();
-function w1(t) {
+function Bt(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,
@@ -1474,11 +1703,11 @@ function w1(t) {
     align: n.attrs.align ?? "left"
   };
 }
-function b1(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 k1 = () => e("svg", {
+const At = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1496,7 +1725,7 @@ const k1 = () => e("svg", {
   y1: "15",
   x2: "12",
   y2: "3"
-}, null)]), x1 = () => e("svg", {
+}, null)]), Mt = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1509,7 +1738,7 @@ const k1 = () => e("svg", {
   points: "1 4 1 10 7 10"
 }, null), e("path", {
   d: "M3.51 15a9 9 0 1 0 .49-4.1L1 10"
-}, null)]), H1 = () => e("svg", {
+}, null)]), It = () => e("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
@@ -1526,38 +1755,38 @@ const k1 = () => e("svg", {
   d: "M10 11v6M14 11v6"
 }, null), e("path", {
   d: "M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"
-}, null)]), B1 = /* @__PURE__ */ c({
+}, null)]), Lt = /* @__PURE__ */ c({
   name: "ImageControls",
   setup() {
-    const t = B("editor"), l = B("readonly"), n = H(null);
+    const t = H("editor"), l = H("readonly"), n = k(null);
     function o() {
-      const u = t?.value;
-      if (!u) {
+      const i = t?.value;
+      if (!i) {
         n.value = null;
         return;
       }
-      n.value = w1(u);
+      n.value = Bt(i);
     }
-    return G((u) => {
-      const s = t?.value;
-      s && (s.on("transaction", o), u(() => {
-        s.off("transaction", o);
+    return G((i) => {
+      const r = t?.value;
+      r && (r.on("transaction", o), i(() => {
+        r.off("transaction", o);
       }));
     }), () => {
-      const u = n.value;
-      if (!u) return null;
-      const s = t?.value;
-      if (!s) return null;
+      const i = n.value;
+      if (!i) return null;
+      const r = t?.value;
+      if (!r) return null;
       const {
-        pos: f,
-        nodeSize: g,
-        src: r,
-        align: C
-      } = u, i = l?.value ?? !1, p = s.view.nodeDOM(f);
-      if (!p || !(p instanceof HTMLElement)) return null;
-      const w = p.querySelector("[data-resize-wrapper]") ?? p, I = s.view.dom.closest(".tiptap-editor");
+        pos: v,
+        nodeSize: p,
+        src: s,
+        align: y
+      } = i, u = l?.value ?? !1, C = r.view.nodeDOM(v);
+      if (!C || !(C instanceof HTMLElement)) return null;
+      const g = C.querySelector("[data-resize-wrapper]") ?? C, I = r.view.dom.closest(".tiptap-editor");
       if (!I) return null;
-      const x = w.getBoundingClientRect(), a = I.getBoundingClientRect(), d = {
+      const x = g.getBoundingClientRect(), a = I.getBoundingClientRect(), d = {
         position: "absolute",
         top: `${x.top - a.top}px`,
         left: `${x.left - a.left + x.width / 2}px`,
@@ -1567,243 +1796,92 @@ const k1 = () => e("svg", {
       return e("div", {
         class: "image-controls",
         style: d
-      }, [!i && m1.map(({
-        value: v,
+      }, [!u && Ht.map(({
+        value: f,
         title: h,
-        Icon: A
+        Icon: B
       }) => e("button", {
-        key: v,
-        class: ["image-controls-btn", C === v && "is-active"],
+        key: f,
+        class: ["image-controls-btn", y === f && "is-active"],
         title: h,
         onMousedown: _,
-        onClick: () => s.chain().focus().updateAttributes("image", {
-          align: v
+        onClick: () => r.chain().focus().updateAttributes("image", {
+          align: f
         }).run()
-      }, [e(A, null, null)])), !i && e("span", {
+      }, [e(B, null, null)])), !u && e("span", {
         class: "image-controls-separator"
       }, null), e("button", {
         class: "image-controls-btn",
         title: "下载",
         onMousedown: _,
-        onClick: () => b1(r)
-      }, [e(k1, null, null)]), !i && e("button", {
+        onClick: () => yt(s)
+      }, [e(At, null, null)]), !u && e("button", {
         class: "image-controls-btn",
         title: "重新上传",
         onMousedown: _,
-        onClick: () => s.chain().focus().deleteRange({
-          from: f,
-          to: f + g
-        }).insertContentAt(f, {
+        onClick: () => r.chain().focus().deleteRange({
+          from: v,
+          to: v + p
+        }).insertContentAt(v, {
           type: "imageUpload"
         }).run()
-      }, [e(x1, null, null)]), !i && e("button", {
+      }, [e(Mt, null, null)]), !u && e("button", {
         class: "image-controls-btn",
         title: "删除",
         onMousedown: _,
-        onClick: () => s.chain().focus().deleteRange({
-          from: f,
-          to: f + g
+        onClick: () => r.chain().focus().deleteRange({
+          from: v,
+          to: v + p
         }).run()
-      }, [e(H1, null, null)])]);
-    };
-  }
-}), A1 = /* @__PURE__ */ c({
-  name: "CodeBlockIcon",
-  setup(t, {
-    attrs: l
-  }) {
-    return () => e("svg", k({
-      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)]);
-  }
-}), y1 = /* @__PURE__ */ c({
-  name: "CodeBlockButton",
-  setup() {
-    const t = B("editor");
-    return () => e(b, {
-      icon: A1,
-      tooltip: "代码块",
-      isActive: t?.value?.isActive("codeBlock"),
-      onClick: () => t?.value?.chain().focus().toggleCodeBlock().run()
-    }, null);
-  }
-}), M1 = /* @__PURE__ */ c({
-  name: "BubbleMenuBar",
-  setup() {
-    const t = B("editor"), l = B("readonly");
-    return () => t?.value ? e(Pe, {
-      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: s
-        } = n;
-        return !(u === s || o.isActive("image") || o.isActive("table"));
-      }
-    }, {
-      default: () => [e("div", {
-        class: "bubble-menu-content"
-      }, [e(b, {
-        icon: Q,
-        tooltip: "粗体",
-        isActive: t.value.isActive("bold"),
-        onClick: () => t.value?.chain().focus().toggleBold().run()
-      }, null), e(b, {
-        icon: Y,
-        tooltip: "斜体",
-        isActive: t.value.isActive("italic"),
-        onClick: () => t.value?.chain().focus().toggleItalic().run()
-      }, null), e(b, {
-        icon: ee,
-        tooltip: "删除线",
-        isActive: t.value.isActive("strike"),
-        onClick: () => t.value?.chain().focus().toggleStrike().run()
-      }, null), e(b, {
-        icon: te,
-        tooltip: "下划线",
-        isActive: t.value.isActive("underline"),
-        onClick: () => t.value?.chain().focus().toggleUnderline().run()
-      }, null)])]
-    }) : null;
-  }
-}), I1 = He(Be), W1 = /* @__PURE__ */ c({
-  name: "TiptapEditor",
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      default: "请输入内容..."
-    },
-    upload: {
-      type: Function,
-      default: void 0
-    },
-    readonly: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(t, {
-    emit: l
-  }) {
-    const n = H(!1), o = H(""), u = H(null), s = H("inline"), f = V(() => t.readonly ?? !1), g = (C = {}) => {
-      f.value || (o.value = C.latex ?? "", u.value = C.pos ?? null, s.value = C.type ?? "inline", n.value = !0);
+      }, [e(It, null, null)])]);
     };
-    z("openMathDialog", g), z("readonly", f);
-    const r = he({
-      content: t.modelValue,
-      editable: !t.readonly,
-      extensions: [pe.configure({
-        codeBlock: !1,
-        link: {
-          openOnClick: !1,
-          enableClickSelection: !0
-        }
-      }), ke.configure({
-        placeholder: t.placeholder
-      }), xe.configure({
-        lowlight: I1,
-        defaultLanguage: "plaintext"
-      }), be.configure({
-        types: ["heading", "paragraph"]
-      }), me, we.configure({
-        nested: !0
-      }), ze.configure({
-        allowBase64: !0,
-        resize: {
-          enabled: !0,
-          directions: ["top", "right", "bottom", "left", "top-right", "top-left", "bottom-right", "bottom-left"],
-          minWidth: 50,
-          minHeight: 50,
-          alwaysPreserveAspectRatio: !1
-        }
-      }), $e.configure({
-        ...t.upload ? {
-          upload: t.upload
-        } : {}
-      }), Te.configure({
-        resizable: !0
-      }), Ee, Fe, Ve, Ze.configure({
-        inlineOptions: {
-          onClick: (C, i) => g({
-            latex: C.attrs.latex,
-            pos: i,
-            type: "inline"
-          })
-        },
-        blockOptions: {
-          onClick: (C, i) => g({
-            latex: C.attrs.latex,
-            pos: i,
-            type: "block"
-          })
-        }
-      })],
-      onUpdate: ({
-        editor: C
-      }) => {
-        l("update:modelValue", C.getHTML());
-      }
-    });
-    return z("editor", r), D(() => t.modelValue, (C) => {
-      r.value && C !== r.value.getHTML() && r.value.commands.setContent(C, {
-        emitUpdate: !1
-      });
-    }), D(() => t.readonly, (C) => {
-      r.value?.setEditable(!C);
-    }), () => e("div", {
-      class: "tiptap-editor"
-    }, [!t.readonly && e("div", {
-      class: "tiptap-toolbar"
-    }, [e(qe, null, null), e("div", {
-      class: "tiptap-separator"
-    }, null), e(Ye, null, null), e(y1, null, null), e("div", {
-      class: "tiptap-separator"
-    }, null), e(i1, null, null), e("div", {
-      class: "tiptap-separator"
-    }, null), e(t1, null, null), e("div", {
-      class: "tiptap-separator"
-    }, null), e(r1, null, null), e(d1, null, null), e(h1, null, null)]), e(ge, {
-      class: "tiptap-content",
-      editor: r.value
-    }, null), e(M1, null, null), e(v1, null, null), e(B1, null, null), e(g1, {
-      visible: n.value,
-      latex: o.value,
-      pos: u.value,
-      type: s.value,
-      "onUpdate:visible": (C) => {
-        n.value = C;
-      }
-    }, null)]);
   }
 });
+function t1(t) {
+  return {
+    name: "image",
+    install: () => ({
+      extensions: [
+        Ne.configure({
+          allowBase64: !0,
+          resize: {
+            enabled: !0,
+            directions: ["top", "right", "bottom", "left", "top-right", "top-left", "bottom-right", "bottom-left"],
+            minWidth: 50,
+            minHeight: 50,
+            alwaysPreserveAspectRatio: !1
+          }
+        }),
+        bt.configure({ ...t ? { upload: t } : {} })
+      ],
+      controlComponent: Lt
+    }),
+    toolbarComponent: kt
+  };
+}
+const l1 = {
+  name: "separator",
+  install: () => ({
+    extensions: []
+  }),
+  toolbarComponent: /* @__PURE__ */ c({
+    name: "ToolbarSeparator",
+    setup: () => () => e("div", {
+      class: "tiptap-separator"
+    }, null)
+  })
+};
 export {
-  b as IconButton,
-  ze as ImageWithAlign,
-  W1 as TiptapEditor
+  Qt 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
 };