@mario9/tiptap-editor 0.1.3 → 0.1.5

package/dist/tiptap-editor.js

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