@halo-dev/richtext-editor 0.0.0-alpha.7 → 0.0.0-alpha.9

package/dist/rich-text-editor.iife.js

@@ -18827,541 +18827,26 @@ img.ProseMirror-separator {
     }
   });
   const Menu = _sfc_main$2$1;
-  const _hoisted_1$r = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$r = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M13.5 15.5H10v-3h3.5A1.5 1.5 0 0 1 15 14a1.5 1.5 0 0 1-1.5 1.5m-3.5-9h3A1.5 1.5 0 0 1 14.5 8A1.5 1.5 0 0 1 13 9.5h-3m5.6 1.29c.97-.68 1.65-1.79 1.65-2.79c0-2.26-1.75-4-4-4H7v14h7.04c2.1 0 3.71-1.7 3.71-3.79c0-1.52-.86-2.82-2.15-3.42Z"
-  }, null, -1);
-  const _hoisted_3$q = [
-    _hoisted_2$r
-  ];
-  function render$m(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$r, _hoisted_3$q);
-  }
-  const MdiFormatBold = { name: "mdi-format-bold", render: render$m };
-  const _hoisted_1$q = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$q = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4h-8Z"
-  }, null, -1);
-  const _hoisted_3$p = [
-    _hoisted_2$q
-  ];
-  function render$l(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$q, _hoisted_3$p);
-  }
-  const MdiFormatItalic = { name: "mdi-format-italic", render: render$l };
-  const _hoisted_1$p = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$p = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M3 14h18v-2H3m2-8v3h5v3h4V7h5V4m-9 15h4v-3h-4v3Z"
-  }, null, -1);
-  const _hoisted_3$o = [
-    _hoisted_2$p
-  ];
-  function render$k(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$p, _hoisted_3$o);
-  }
-  const MdiFormatStrikethrough = { name: "mdi-format-strikethrough", render: render$k };
-  const _hoisted_1$o = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$o = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m10 4h2.31l.32-3h2l-.32 3h2l.32-3h2l-.32 3H23v2h-1.9l-.2 2H23v2h-2.31l-.32 3h-2l.32-3h-2l-.32 3h-2l.32-3H13v-2h1.9l.2-2H13V8m4.1 2l-.2 2h2l.2-2h-2Z"
-  }, null, -1);
-  const _hoisted_3$n = [
-    _hoisted_2$o
-  ];
-  function render$j(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$o, _hoisted_3$n);
-  }
-  const MdiFormatHeaderPound = { name: "mdi-format-header-pound", render: render$j };
-  const _hoisted_1$n = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$n = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m11 14v-2h2V6.31l-2.5 1.44V5.44L16 4h2v12h2v2h-6Z"
-  }, null, -1);
-  const _hoisted_3$m = [
-    _hoisted_2$n
-  ];
-  function render$i(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$n, _hoisted_3$m);
-  }
-  const MdiFormatHeader1 = { name: "mdi-format-header-1", render: render$i };
-  const _hoisted_1$m = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$m = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m18 14h-6a2 2 0 0 1-2-2c0-.53.2-1 .54-1.36l4.87-5.23c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2a2 2 0 0 0-2 2h-2a4 4 0 0 1 4-4a4 4 0 0 1 4 4c0 1.1-.45 2.1-1.17 2.83L15 16h6v2Z"
-  }, null, -1);
-  const _hoisted_3$l = [
-    _hoisted_2$m
-  ];
-  function render$h(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$m, _hoisted_3$l);
-  }
-  const MdiFormatHeader2 = { name: "mdi-format-header-2", render: render$h };
-  const _hoisted_1$l = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$l = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h2v1h4v-4h-4v-2h4V6h-4v1h-2V6a2 2 0 0 1 2-2Z"
-  }, null, -1);
-  const _hoisted_3$k = [
-    _hoisted_2$l
-  ];
-  function render$g(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$l, _hoisted_3$k);
-  }
-  const MdiFormatHeader3 = { name: "mdi-format-header-3", render: render$g };
-  const _hoisted_1$k = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$k = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m15 14v-5h-5v-2l5-7h2v7h1v2h-1v5h-2m0-7V7.42L15.45 11H18Z"
-  }, null, -1);
-  const _hoisted_3$j = [
-    _hoisted_2$k
-  ];
-  function render$f(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$k, _hoisted_3$j);
-  }
-  const MdiFormatHeader4 = { name: "mdi-format-header-4", render: render$f };
-  const _hoisted_1$j = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$j = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h5v2h-5v4h2a4 4 0 0 1 4 4a4 4 0 0 1-4 4h-2a2 2 0 0 1-2-2v-1h2v1h2a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"
-  }, null, -1);
-  const _hoisted_3$i = [
-    _hoisted_2$j
-  ];
-  function render$e(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$j, _hoisted_3$i);
-  }
-  const MdiFormatHeader5 = { name: "mdi-format-header-5", render: render$e };
-  const _hoisted_1$i = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$i = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v1h-2V6h-4v4h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 8v4h4v-4h-4Z"
-  }, null, -1);
-  const _hoisted_3$h = [
-    _hoisted_2$i
-  ];
-  function render$d(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$i, _hoisted_3$h);
-  }
-  const MdiFormatHeader6 = { name: "mdi-format-header-6", render: render$d };
-  const _hoisted_1$h = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$h = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M13.5 7a6.5 6.5 0 0 1 6.5 6.5a6.5 6.5 0 0 1-6.5 6.5H10v-2h3.5c2.5 0 4.5-2 4.5-4.5S16 9 13.5 9H7.83l3.08 3.09L9.5 13.5L4 8l5.5-5.5l1.42 1.41L7.83 7h5.67M6 18h2v2H6v-2Z"
-  }, null, -1);
-  const _hoisted_3$g = [
-    _hoisted_2$h
-  ];
-  function render$c(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$h, _hoisted_3$g);
-  }
-  const MdiUndoVariant = { name: "mdi-undo-variant", render: render$c };
-  const _hoisted_1$g = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$g = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M10.5 7A6.5 6.5 0 0 0 4 13.5a6.5 6.5 0 0 0 6.5 6.5H14v-2h-3.5C8 18 6 16 6 13.5S8 9 10.5 9h5.67l-3.08 3.09l1.41 1.41L20 8l-5.5-5.5l-1.42 1.41L16.17 7H10.5M18 18h-2v2h2v-2Z"
-  }, null, -1);
-  const _hoisted_3$f = [
-    _hoisted_2$g
-  ];
-  function render$b(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$g, _hoisted_3$f);
-  }
-  const MdiRedoVariant = { name: "mdi-redo-variant", render: render$b };
-  const _hoisted_1$f = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$f = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M5 21h14v-2H5v2m7-4a6 6 0 0 0 6-6V3h-2.5v8a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 11V3H6v8a6 6 0 0 0 6 6Z"
-  }, null, -1);
-  const _hoisted_3$e = [
-    _hoisted_2$f
-  ];
-  function render$a(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$f, _hoisted_3$e);
-  }
-  const MdiFormatUnderline = { name: "mdi-format-underline", render: render$a };
-  const _hoisted_1$e = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$e = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M3 3h18v2H3V3m0 4h12v2H3V7m0 4h18v2H3v-2m0 4h12v2H3v-2m0 4h18v2H3v-2Z"
-  }, null, -1);
-  const _hoisted_3$d = [
-    _hoisted_2$e
-  ];
-  function render$9(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$e, _hoisted_3$d);
-  }
-  const MdiFormatAlignLeft = { name: "mdi-format-align-left", render: render$9 };
-  const _hoisted_1$d = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$d = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M3 3h18v2H3V3m4 4h10v2H7V7m-4 4h18v2H3v-2m4 4h10v2H7v-2m-4 4h18v2H3v-2Z"
-  }, null, -1);
-  const _hoisted_3$c = [
-    _hoisted_2$d
-  ];
-  function render$8(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$d, _hoisted_3$c);
-  }
-  const MdiFormatAlignCenter = { name: "mdi-format-align-center", render: render$8 };
-  const _hoisted_1$c = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$c = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M3 3h18v2H3V3m6 4h12v2H9V7m-6 4h18v2H3v-2m6 4h12v2H9v-2m-6 4h18v2H3v-2Z"
-  }, null, -1);
-  const _hoisted_3$b = [
-    _hoisted_2$c
-  ];
-  function render$7(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$c, _hoisted_3$b);
-  }
-  const MdiFormatAlignRight = { name: "mdi-format-align-right", render: render$7 };
-  const _hoisted_1$b = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$b = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M3 3h18v2H3V3m0 4h18v2H3V7m0 4h18v2H3v-2m0 4h18v2H3v-2m0 4h18v2H3v-2Z"
-  }, null, -1);
-  const _hoisted_3$a = [
-    _hoisted_2$b
-  ];
-  function render$6(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, _hoisted_3$a);
-  }
-  const MdiFormatAlignJustify = { name: "mdi-format-align-justify", render: render$6 };
-  const _hoisted_1$a = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$a = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "m10 7l-2 4h3v6H5v-6l2-4h3m8 0l-2 4h3v6h-6v-6l2-4h3Z"
-  }, null, -1);
-  const _hoisted_3$9 = [
-    _hoisted_2$a
-  ];
-  function render$5(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, _hoisted_3$9);
-  }
-  const MdiFormatQuoteOpen = { name: "mdi-format-quote-open", render: render$5 };
-  const _hoisted_1$9 = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$9 = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "m14.6 16.6l4.6-4.6l-4.6-4.6L16 6l6 6l-6 6l-1.4-1.4m-5.2 0L4.8 12l4.6-4.6L8 6l-6 6l6 6l1.4-1.4Z"
-  }, null, -1);
-  const _hoisted_3$8 = [
-    _hoisted_2$9
-  ];
-  function render$4(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$9, _hoisted_3$8);
-  }
-  const MdiCodeTags = { name: "mdi-code-tags", render: render$4 };
-  const _hoisted_1$8 = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$8 = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-8 5H9v2c0 1.1-.9 2-2 2c1.1 0 2 .9 2 2v2h2v2H9c-1.1 0-2-.9-2-2v-1c0-1.1-.9-2-2-2v-2c1.1 0 2-.9 2-2V8c0-1.1.9-2 2-2h2v2m8 5c-1.1 0-2 .9-2 2v1c0 1.1-.9 2-2 2h-2v-2h2v-2c0-1.1.9-2 2-2c-1.1 0-2-.9-2-2V8h-2V6h2c1.1 0 2 .9 2 2v1c0 1.1.9 2 2 2v2Z"
-  }, null, -1);
-  const _hoisted_3$7 = [
-    _hoisted_2$8
-  ];
-  function render$3(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, _hoisted_3$7);
-  }
-  const MdiCodeBracesBox = { name: "mdi-code-braces-box", render: render$3 };
-  const _hoisted_1$7 = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$7 = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M16 7.41L11.41 12L16 16.59L14.59 18L10 13.41L5.41 18L4 16.59L8.59 12L4 7.41L5.41 6L10 10.59L14.59 6L16 7.41M21.85 9h-4.88V8l.89-.82c.76-.64 1.32-1.18 1.7-1.63c.37-.44.56-.85.57-1.23a.884.884 0 0 0-.27-.7c-.18-.19-.47-.28-.86-.29c-.31.01-.58.07-.84.17l-.66.39l-.45-1.17c.27-.22.59-.39.98-.53S18.85 2 19.32 2c.78 0 1.38.2 1.78.61c.4.39.62.93.62 1.57c-.01.56-.19 1.08-.54 1.55c-.34.48-.76.93-1.27 1.36l-.64.52v.02h2.58V9Z"
-  }, null, -1);
-  const _hoisted_3$6 = [
-    _hoisted_2$7
-  ];
-  function render$2(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, _hoisted_3$6);
-  }
-  const MdiFormatSuperscript = { name: "mdi-format-superscript", render: render$2 };
-  const _hoisted_1$6 = {
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$6 = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M16 7.41L11.41 12L16 16.59L14.59 18L10 13.41L5.41 18L4 16.59L8.59 12L4 7.41L5.41 6L10 10.59L14.59 6L16 7.41m5.85 13.62h-4.88v-1l.89-.8c.76-.65 1.32-1.19 1.7-1.63c.37-.44.56-.85.57-1.24a.898.898 0 0 0-.27-.7c-.18-.16-.47-.28-.86-.28c-.31 0-.58.06-.84.18l-.66.38l-.45-1.17c.27-.21.59-.39.98-.53s.82-.24 1.29-.24c.78.04 1.38.25 1.78.66c.4.41.62.93.62 1.57c-.01.56-.19 1.08-.54 1.55c-.34.47-.76.92-1.27 1.36l-.64.52v.02h2.58v1.35Z"
-  }, null, -1);
-  const _hoisted_3$5 = [
-    _hoisted_2$6
-  ];
-  function render$1(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$6, _hoisted_3$5);
-  }
-  const MdiFormatSubscript = { name: "mdi-format-subscript", render: render$1 };
-  const _hoisted_1$5 = { class: "editor-header flex items-center py-1 space-x-0.5 justify-center border-b drop-shadow-sm bg-white" };
-  const _hoisted_2$5 = ["onClick"];
-  const _hoisted_3$4 = { class: "w-24 flex flex-col" };
+  const _hoisted_1$r = { class: "editor-header flex items-center py-1 space-x-0.5 justify-center border-b drop-shadow-sm bg-white" };
+  const _hoisted_2$r = ["onClick"];
+  const _hoisted_3$q = { class: "w-24 flex flex-col" };
   const _hoisted_4$1 = ["onClick"];
   const _hoisted_5$1 = { class: "text-sm" };
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     __name: "EditorHeader",
     props: {
-      editor: {
-        type: Object,
-        required: true
-      },
-      addtionalMenuItems: {
+      menuItems: {
         type: Array,
         required: false,
         default: () => []
       }
     },
     setup(__props) {
-      const props = __props;
-      const menuItems = [
-        {
-          type: "button",
-          icon: MdiUndoVariant,
-          title: "Undo",
-          action: () => props.editor.chain().undo().run(),
-          isActive: () => false
-        },
-        {
-          type: "button",
-          icon: MdiRedoVariant,
-          title: "Redo",
-          action: () => props.editor.chain().redo().run(),
-          isActive: () => false
-        },
-        {
-          type: "button",
-          icon: MdiFormatBold,
-          title: "Bold",
-          action: () => props.editor.chain().focus().toggleBold().run(),
-          isActive: () => props.editor.isActive("bold")
-        },
-        {
-          type: "button",
-          icon: MdiFormatItalic,
-          title: "Italic",
-          action: () => props.editor.chain().focus().toggleItalic().run(),
-          isActive: () => props.editor.isActive("italic")
-        },
-        {
-          type: "button",
-          icon: MdiFormatUnderline,
-          title: "Underline",
-          action: () => props.editor.chain().focus().toggleUnderline().run(),
-          isActive: () => props.editor.isActive("underline")
-        },
-        {
-          type: "button",
-          icon: MdiFormatStrikethrough,
-          title: "Strike",
-          action: () => props.editor.chain().focus().toggleStrike().run(),
-          isActive: () => props.editor.isActive("strike")
-        },
-        {
-          type: "button",
-          icon: MdiFormatQuoteOpen,
-          title: "Quote",
-          action: () => props.editor.chain().focus().toggleBlockquote().run(),
-          isActive: () => props.editor.isActive("blockquote")
-        },
-        {
-          type: "button",
-          icon: MdiCodeTags,
-          title: "Code",
-          action: () => props.editor.chain().focus().toggleCode().run(),
-          isActive: () => props.editor.isActive("code")
-        },
-        {
-          type: "button",
-          icon: MdiFormatSuperscript,
-          title: "SuperScript",
-          action: () => props.editor.chain().focus().toggleSuperscript().run(),
-          isActive: () => props.editor.isActive("superscript")
-        },
-        {
-          type: "button",
-          icon: MdiFormatSubscript,
-          title: "SubScript",
-          action: () => props.editor.chain().focus().toggleSubscript().run(),
-          isActive: () => props.editor.isActive("subscript")
-        },
-        {
-          type: "button",
-          icon: MdiCodeBracesBox,
-          title: "Code Block",
-          action: () => props.editor.chain().focus().toggleCodeBlock().run(),
-          isActive: () => props.editor.isActive("codeBlock")
-        },
-        {
-          type: "button",
-          icon: MdiFormatHeaderPound,
-          title: "\u666E\u901A\u6587\u672C",
-          isActive: () => props.editor.isActive("heading"),
-          children: [
-            {
-              type: "button",
-              icon: MdiFormatHeader1,
-              title: "\u6807\u9898 1",
-              action: () => props.editor.chain().focus().toggleHeading({ level: 1 }).run(),
-              isActive: () => props.editor.isActive("heading", { level: 1 })
-            },
-            {
-              type: "button",
-              icon: MdiFormatHeader2,
-              title: "\u6807\u9898 2",
-              action: () => props.editor.chain().focus().toggleHeading({ level: 2 }).run(),
-              isActive: () => props.editor.isActive("heading", { level: 1 })
-            },
-            {
-              type: "button",
-              icon: MdiFormatHeader3,
-              title: "\u6807\u9898 3",
-              action: () => props.editor.chain().focus().toggleHeading({ level: 3 }).run(),
-              isActive: () => props.editor.isActive("heading", { level: 1 })
-            },
-            {
-              type: "button",
-              icon: MdiFormatHeader4,
-              title: "\u6807\u9898 4",
-              action: () => props.editor.chain().focus().toggleHeading({ level: 4 }).run(),
-              isActive: () => props.editor.isActive("heading", { level: 1 })
-            },
-            {
-              type: "button",
-              icon: MdiFormatHeader5,
-              title: "\u6807\u9898 5",
-              action: () => props.editor.chain().focus().toggleHeading({ level: 5 }).run(),
-              isActive: () => props.editor.isActive("heading", { level: 1 })
-            },
-            {
-              type: "button",
-              icon: MdiFormatHeader6,
-              title: "\u6807\u9898 6",
-              action: () => props.editor.chain().focus().toggleHeading({ level: 6 }).run(),
-              isActive: () => props.editor.isActive("heading", { level: 1 })
-            }
-          ]
-        },
-        {
-          type: "button",
-          icon: MdiFormatAlignLeft,
-          title: "Align left",
-          action: () => props.editor.chain().focus().setTextAlign("left").run(),
-          isActive: () => props.editor.isActive({ textAlign: "left" })
-        },
-        {
-          type: "button",
-          icon: MdiFormatAlignCenter,
-          title: "Align center",
-          action: () => props.editor.chain().focus().setTextAlign("center").run(),
-          isActive: () => props.editor.isActive({ textAlign: "center" })
-        },
-        {
-          type: "button",
-          icon: MdiFormatAlignRight,
-          title: "Align right",
-          action: () => props.editor.chain().focus().setTextAlign("right").run(),
-          isActive: () => props.editor.isActive({ textAlign: "right" })
-        },
-        {
-          type: "button",
-          icon: MdiFormatAlignJustify,
-          title: "Align justify",
-          action: () => props.editor.chain().focus().setTextAlign("justify").run(),
-          isActive: () => props.editor.isActive({ textAlign: "justify" })
-        },
-        ...props.addtionalMenuItems
-      ];
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
-          (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuItems, (menuItem, index2) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menuItems, (menuItem, index2) => {
             var _a, _b;
-            return vue.createElementVNode("div", {
+            return vue.openBlock(), vue.createElementBlock("div", {
               key: index2,
               class: "inline-flex items-center justify-center"
             }, [
@@ -19371,9 +18856,9 @@ img.ProseMirror-separator {
                 onClick: menuItem.action
               }, [
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon)))
-              ], 10, _hoisted_2$5)) : (vue.openBlock(), vue.createBlock(vue.unref(Menu), { key: 1 }, {
+              ], 10, _hoisted_2$r)) : (vue.openBlock(), vue.createBlock(vue.unref(Menu), { key: 1 }, {
                 popper: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_3$4, [
+                  vue.createElementVNode("div", _hoisted_3$q, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuItem.children, (child, childIndex) => {
                       var _a2;
                       return vue.openBlock(), vue.createElementBlock("div", {
@@ -19404,127 +18889,38 @@ img.ProseMirror-separator {
                 _: 2
               }, 1024))
             ]);
-          }), 64))
+          }), 128))
         ]);
       };
     }
   });
   const svgArrow = "";
-  const _hoisted_1$4 = { class: "bg-white flex items-center rounded p-1 border drop-shadow space-x-0.5" };
-  const _hoisted_2$4 = ["title", "onClick"];
+  const _hoisted_1$q = { class: "bg-white flex items-center rounded p-1 border drop-shadow space-x-0.5" };
+  const _hoisted_2$q = ["title", "onClick"];
   const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     __name: "EditorBubbleMenu",
     props: {
       editor: {
         type: Object,
         required: true
+      },
+      menuItems: {
+        type: Array,
+        required: false,
+        default: () => []
       }
     },
     setup(__props) {
-      const props = __props;
-      const menuItems = [
-        {
-          type: "button",
-          icon: MdiFormatBold,
-          title: "Bold",
-          action: () => props.editor.chain().focus().toggleBold().run(),
-          isActive: () => props.editor.isActive("bold")
-        },
-        {
-          type: "button",
-          icon: MdiFormatItalic,
-          title: "Italic",
-          action: () => props.editor.chain().focus().toggleItalic().run(),
-          isActive: () => props.editor.isActive("italic")
-        },
-        {
-          type: "button",
-          icon: MdiFormatUnderline,
-          title: "Underline",
-          action: () => props.editor.chain().focus().toggleUnderline().run(),
-          isActive: () => props.editor.isActive("underline")
-        },
-        {
-          type: "button",
-          icon: MdiFormatStrikethrough,
-          title: "Strike",
-          action: () => props.editor.chain().focus().toggleStrike().run(),
-          isActive: () => props.editor.isActive("strike")
-        },
-        {
-          type: "button",
-          icon: MdiFormatQuoteOpen,
-          title: "Quote",
-          action: () => props.editor.chain().focus().toggleBlockquote().run(),
-          isActive: () => props.editor.isActive("blockquote")
-        },
-        {
-          type: "button",
-          icon: MdiCodeTags,
-          title: "Code",
-          action: () => props.editor.chain().focus().toggleCode().run(),
-          isActive: () => props.editor.isActive("code")
-        },
-        {
-          type: "button",
-          icon: MdiCodeBracesBox,
-          title: "Code Block",
-          action: () => props.editor.chain().focus().toggleCodeBlock().run(),
-          isActive: () => props.editor.isActive("codeBlock")
-        },
-        {
-          type: "button",
-          icon: MdiFormatSuperscript,
-          title: "SuperScript",
-          action: () => props.editor.chain().focus().toggleSuperscript().run(),
-          isActive: () => props.editor.isActive("superscript")
-        },
-        {
-          type: "button",
-          icon: MdiFormatSubscript,
-          title: "SubScript",
-          action: () => props.editor.chain().focus().toggleSubscript().run(),
-          isActive: () => props.editor.isActive("subscript")
-        },
-        {
-          type: "button",
-          icon: MdiFormatAlignLeft,
-          title: "Align left",
-          action: () => props.editor.chain().focus().setTextAlign("left").run(),
-          isActive: () => props.editor.isActive({ textAlign: "left" })
-        },
-        {
-          type: "button",
-          icon: MdiFormatAlignCenter,
-          title: "Align center",
-          action: () => props.editor.chain().focus().setTextAlign("center").run(),
-          isActive: () => props.editor.isActive({ textAlign: "center" })
-        },
-        {
-          type: "button",
-          icon: MdiFormatAlignRight,
-          title: "Align right",
-          action: () => props.editor.chain().focus().setTextAlign("right").run(),
-          isActive: () => props.editor.isActive({ textAlign: "right" })
-        },
-        {
-          type: "button",
-          icon: MdiFormatAlignJustify,
-          title: "Align justify",
-          action: () => props.editor.chain().focus().setTextAlign("justify").run(),
-          isActive: () => props.editor.isActive({ textAlign: "justify" })
-        }
-      ];
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(BubbleMenu), {
           editor: __props.editor,
           "tippy-options": { duration: 100, arrow: vue.unref(ROUND_ARROW), maxWidth: "100%" }
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$4, [
-              (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuItems, (menuItem, index2) => {
+            vue.createElementVNode("div", _hoisted_1$q, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menuItems, (menuItem, index2) => {
                 var _a;
-                return vue.createElementVNode("button", {
+                return vue.openBlock(), vue.createElementBlock("button", {
                   key: index2,
                   class: vue.normalizeClass([{ "bg-gray-200 !text-black": (_a = menuItem.isActive) == null ? void 0 : _a.call(menuItem) }, "text-gray-600 text-lg hover:bg-gray-100 p-0.5 rounded-sm"]),
                   title: menuItem.title,
@@ -19534,8 +18930,8 @@ img.ProseMirror-separator {
                   }
                 }, [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon)))
-                ], 10, _hoisted_2$4);
-              }), 64))
+                ], 10, _hoisted_2$q);
+              }), 128))
             ])
           ]),
           _: 1
@@ -19543,12 +18939,12 @@ img.ProseMirror-separator {
       };
     }
   });
-  const _hoisted_1$3 = {
+  const _hoisted_1$p = {
     key: 0,
     class: "halo-rich-text-editor"
   };
-  const _hoisted_2$3 = { class: "h-full flex flex-row w-full" };
-  const _hoisted_3$3 = { class: "h-full" };
+  const _hoisted_2$p = { class: "h-full flex flex-row w-full" };
+  const _hoisted_3$p = { class: "h-full" };
   const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     __name: "Editor",
     props: {
@@ -19556,7 +18952,17 @@ img.ProseMirror-separator {
         type: Object,
         required: true
       },
-      addtionalMenuItems: {
+      additionalMenuItems: {
+        type: Array,
+        required: false,
+        default: () => []
+      },
+      toolbarMenuItems: {
+        type: Array,
+        required: false,
+        default: () => []
+      },
+      bubbleMenuItems: {
         type: Array,
         required: false,
         default: () => []
@@ -19564,18 +18970,18 @@ img.ProseMirror-separator {
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return __props.editor ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
-          vue.createVNode(_sfc_main$4, { editor: __props.editor }, null, 8, ["editor"]),
-          vue.createVNode(_sfc_main$5, {
+        return __props.editor ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
+          vue.createVNode(_sfc_main$4, {
             editor: __props.editor,
-            addtionalMenuItems: __props.addtionalMenuItems
-          }, null, 8, ["editor", "addtionalMenuItems"]),
-          vue.createElementVNode("div", _hoisted_2$3, [
+            "menu-items": __props.bubbleMenuItems
+          }, null, 8, ["editor", "menu-items"]),
+          vue.createVNode(_sfc_main$5, { "menu-items": __props.toolbarMenuItems }, null, 8, ["menu-items"]),
+          vue.createElementVNode("div", _hoisted_2$p, [
             vue.createVNode(vue.unref(EditorContent), {
               editor: __props.editor,
-              class: "editor-content markdown-body"
+              class: "editor-content prose prose-base !max-w-none prose-pre:p-0"
             }, null, 8, ["editor"]),
-            vue.createElementVNode("div", _hoisted_3$3, [
+            vue.createElementVNode("div", _hoisted_3$p, [
               vue.renderSlot(_ctx.$slots, "extra")
             ])
           ])
@@ -19586,7 +18992,6 @@ img.ProseMirror-separator {
   const index = "";
   const tailwind = "";
   const style = "";
-  const githubMarkdownLight = "";
   const inputRegex$6 = /^\s*>\s$/;
   const Blockquote = Node.create({
     name: "blockquote",
@@ -26837,9 +26242,9 @@ img.ProseMirror-separator {
       ];
     }
   });
-  const _hoisted_1$2 = { class: "command-items" };
-  const _hoisted_2$2 = ["onClick"];
-  const _hoisted_3$2 = { class: "command-title" };
+  const _hoisted_1$o = { class: "command-items" };
+  const _hoisted_2$o = ["id", "onClick"];
+  const _hoisted_3$o = { class: "command-title" };
   const _hoisted_4 = {
     key: 1,
     class: "command-empty"
@@ -26886,9 +26291,11 @@ img.ProseMirror-separator {
       }
       function handleKeyUp() {
         selectedIndex.value = (selectedIndex.value + props.items.length - 1) % props.items.length;
+        scrollToSelected();
       }
       function handleKeyDown2() {
         selectedIndex.value = (selectedIndex.value + 1) % props.items.length;
+        scrollToSelected();
       }
       function handleKeyEnter() {
         handleSelectItem(selectedIndex.value);
@@ -26899,27 +26306,206 @@ img.ProseMirror-separator {
           props.command(item);
         }
       }
+      function scrollToSelected() {
+        const selected = document.getElementById(
+          `command-item-${selectedIndex.value}`
+        );
+        if (selected) {
+          selected.scrollIntoView({
+            behavior: "smooth"
+          });
+        }
+      }
       expose({
         onKeyDown
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
           __props.items.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.items, (item, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index2,
+              id: `command-item-${index2}`,
               class: vue.normalizeClass([{ "is-selected": index2 === selectedIndex.value }, "command-item"]),
               onClick: ($event) => handleSelectItem(index2)
             }, [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), { class: "command-icon" })),
-              vue.createElementVNode("span", _hoisted_3$2, vue.toDisplayString(item.title), 1)
-            ], 10, _hoisted_2$2);
+              vue.createElementVNode("span", _hoisted_3$o, vue.toDisplayString(item.title), 1)
+            ], 10, _hoisted_2$o);
           }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, _hoisted_6))
         ]);
       };
     }
   });
   const CommandsView_vue_vue_type_style_index_0_lang = "";
-  const CommandsSuggestion = {
+  const _hoisted_1$n = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$n = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m11 14v-2h2V6.31l-2.5 1.44V5.44L16 4h2v12h2v2h-6Z"
+  }, null, -1);
+  const _hoisted_3$n = [
+    _hoisted_2$n
+  ];
+  function render$m(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$n, _hoisted_3$n);
+  }
+  const MdiFormatHeader1 = { name: "mdi-format-header-1", render: render$m };
+  const _hoisted_1$m = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$m = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m18 14h-6a2 2 0 0 1-2-2c0-.53.2-1 .54-1.36l4.87-5.23c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2a2 2 0 0 0-2 2h-2a4 4 0 0 1 4-4a4 4 0 0 1 4 4c0 1.1-.45 2.1-1.17 2.83L15 16h6v2Z"
+  }, null, -1);
+  const _hoisted_3$m = [
+    _hoisted_2$m
+  ];
+  function render$l(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$m, _hoisted_3$m);
+  }
+  const MdiFormatHeader2 = { name: "mdi-format-header-2", render: render$l };
+  const _hoisted_1$l = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$l = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h2v1h4v-4h-4v-2h4V6h-4v1h-2V6a2 2 0 0 1 2-2Z"
+  }, null, -1);
+  const _hoisted_3$l = [
+    _hoisted_2$l
+  ];
+  function render$k(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$l, _hoisted_3$l);
+  }
+  const MdiFormatHeader3 = { name: "mdi-format-header-3", render: render$k };
+  const _hoisted_1$k = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$k = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m15 14v-5h-5v-2l5-7h2v7h1v2h-1v5h-2m0-7V7.42L15.45 11H18Z"
+  }, null, -1);
+  const _hoisted_3$k = [
+    _hoisted_2$k
+  ];
+  function render$j(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$k, _hoisted_3$k);
+  }
+  const MdiFormatHeader4 = { name: "mdi-format-header-4", render: render$j };
+  const _hoisted_1$j = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$j = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h5v2h-5v4h2a4 4 0 0 1 4 4a4 4 0 0 1-4 4h-2a2 2 0 0 1-2-2v-1h2v1h2a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"
+  }, null, -1);
+  const _hoisted_3$j = [
+    _hoisted_2$j
+  ];
+  function render$i(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$j, _hoisted_3$j);
+  }
+  const MdiFormatHeader5 = { name: "mdi-format-header-5", render: render$i };
+  const _hoisted_1$i = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$i = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v1h-2V6h-4v4h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 8v4h4v-4h-4Z"
+  }, null, -1);
+  const _hoisted_3$i = [
+    _hoisted_2$i
+  ];
+  function render$h(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$i, _hoisted_3$i);
+  }
+  const MdiFormatHeader6 = { name: "mdi-format-header-6", render: render$h };
+  const _hoisted_1$h = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$h = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-8 5H9v2c0 1.1-.9 2-2 2c1.1 0 2 .9 2 2v2h2v2H9c-1.1 0-2-.9-2-2v-1c0-1.1-.9-2-2-2v-2c1.1 0 2-.9 2-2V8c0-1.1.9-2 2-2h2v2m8 5c-1.1 0-2 .9-2 2v1c0 1.1-.9 2-2 2h-2v-2h2v-2c0-1.1.9-2 2-2c-1.1 0-2-.9-2-2V8h-2V6h2c1.1 0 2 .9 2 2v1c0 1.1.9 2 2 2v2Z"
+  }, null, -1);
+  const _hoisted_3$h = [
+    _hoisted_2$h
+  ];
+  function render$g(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$h, _hoisted_3$h);
+  }
+  const MdiCodeBracesBox = { name: "mdi-code-braces-box", render: render$g };
+  const CommandHeader1 = {
+    icon: vue.markRaw(MdiFormatHeader1),
+    title: "\u4E00\u7EA7\u6807\u9898",
+    keywords: ["h1", "header1", "1", "yijibiaoti"],
+    command: ({ editor, range }) => {
+      editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
+    }
+  };
+  const CommandHeader2 = {
+    icon: vue.markRaw(MdiFormatHeader2),
+    title: "\u4E8C\u7EA7\u6807\u9898",
+    keywords: ["h2", "header2", "2", "erjibiaoti"],
+    command: ({ editor, range }) => {
+      editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
+    }
+  };
+  const CommandHeader3 = {
+    icon: vue.markRaw(MdiFormatHeader3),
+    title: "\u4E09\u7EA7\u6807\u9898",
+    keywords: ["h3", "header3", "3", "sanjibiaoti"],
+    command: ({ editor, range }) => {
+      editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
+    }
+  };
+  const CommandHeader4 = {
+    icon: vue.markRaw(MdiFormatHeader4),
+    title: "\u56DB\u7EA7\u6807\u9898",
+    keywords: ["h4", "header4", "4", "sijibiaoti"],
+    command: ({ editor, range }) => {
+      editor.chain().focus().deleteRange(range).setNode("heading", { level: 4 }).run();
+    }
+  };
+  const CommandHeader5 = {
+    icon: vue.markRaw(MdiFormatHeader5),
+    title: "\u4E94\u7EA7\u6807\u9898",
+    keywords: ["h5", "header5", "5", "wujibiaoti"],
+    command: ({ editor, range }) => {
+      editor.chain().focus().deleteRange(range).setNode("heading", { level: 5 }).run();
+    }
+  };
+  const CommandHeader6 = {
+    icon: vue.markRaw(MdiFormatHeader6),
+    title: "\u516D\u7EA7\u6807\u9898",
+    keywords: ["h6", "header6", "6", "liujibiaoti"],
+    command: ({ editor, range }) => {
+      editor.chain().focus().deleteRange(range).setNode("heading", { level: 6 }).run();
+    }
+  };
+  const CommandCodeBlock = {
+    icon: vue.markRaw(MdiCodeBracesBox),
+    title: "\u4EE3\u7801\u5757",
+    keywords: ["codeblock", "daimakuai"],
+    command: ({ editor, range }) => {
+      editor.chain().focus().deleteRange(range).setCodeBlock().run();
+    }
+  };
+  const suggestion = {
     items: ({ query }) => {
       return [
         {
@@ -75086,9 +74672,9 @@ img.ProseMirror-separator {
   lowlight$1.registerLanguage("xquery", xquery);
   lowlight$1.registerLanguage("zephir", zephir);
   const lowlight = lowlight$1;
-  const _hoisted_1$1 = { class: "py-0.5 px-1" };
-  const _hoisted_2$1 = /* @__PURE__ */ vue.createElementVNode("option", { value: null }, "auto", -1);
-  const _hoisted_3$1 = ["value"];
+  const _hoisted_1$g = { class: "py-0.5 px-1" };
+  const _hoisted_2$g = /* @__PURE__ */ vue.createElementVNode("option", { value: null }, "auto", -1);
+  const _hoisted_3$g = ["value"];
   const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "CodeBlockViewRenderer",
     props: nodeViewProps,
@@ -75109,17 +74695,17 @@ img.ProseMirror-separator {
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(NodeViewWrapper), { class: "code-block divide-gray-100 bg-gray-100 rounded-sm overflow-hidden" }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$1, [
+            vue.createElementVNode("div", _hoisted_1$g, [
               vue.withDirectives(vue.createElementVNode("select", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(selectedLanguage) ? selectedLanguage.value = $event : null),
                 contenteditable: "false"
               }, [
-                _hoisted_2$1,
+                _hoisted_2$g,
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(languages), (language, index2) => {
                   return vue.openBlock(), vue.createElementBlock("option", {
                     key: index2,
                     value: language
-                  }, vue.toDisplayString(language), 9, _hoisted_3$1);
+                  }, vue.toDisplayString(language), 9, _hoisted_3$g);
                 }), 128))
               ], 512), [
                 [vue.vModelSelect, vue.unref(selectedLanguage)]
@@ -82885,6 +82471,11 @@ img.ProseMirror-separator {
     var hlineInfo = [];
     parser.consumeSpaces();
     var nxt = parser.fetch().text;
+    if (nxt === "\\relax") {
+      parser.consume();
+      parser.consumeSpaces();
+      nxt = parser.fetch().text;
+    }
     while (nxt === "\\hline" || nxt === "\\hdashline") {
       parser.consume();
       hlineInfo.push(nxt === "\\hdashline");
@@ -88705,7 +88296,7 @@ img.ProseMirror-separator {
     }
     return tree;
   };
-  var render = function render2(expression, baseNode, options) {
+  var render$f = function render2(expression, baseNode, options) {
     baseNode.textContent = "";
     var node = renderToDomTree(expression, options).toNode();
     baseNode.appendChild(node);
@@ -88713,7 +88304,7 @@ img.ProseMirror-separator {
   if (typeof document !== "undefined") {
     if (document.compatMode !== "CSS1Compat") {
       typeof console !== "undefined" && console.warn("Warning: KaTeX doesn't work in quirks mode. Make sure your website has a suitable doctype.");
-      render = function render2() {
+      render$f = function render2() {
         throw new ParseError("KaTeX doesn't work in quirks mode.");
       };
     }
@@ -88754,8 +88345,8 @@ img.ProseMirror-separator {
     }
   };
   var katex = {
-    version: "0.16.2",
-    render,
+    version: "0.16.3",
+    render: render$f,
     renderToString,
     ParseError,
     SETTINGS_SCHEMA,
@@ -88774,9 +88365,9 @@ img.ProseMirror-separator {
       LineNode
     }
   };
-  const _hoisted_1 = { class: "" };
-  const _hoisted_2 = { class: "" };
-  const _hoisted_3 = ["innerHTML"];
+  const _hoisted_1$f = { class: "" };
+  const _hoisted_2$f = { class: "" };
+  const _hoisted_3$f = ["innerHTML"];
   const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     __name: "KatexBlockViewRenderer",
     props: nodeViewProps,
@@ -88805,8 +88396,8 @@ img.ProseMirror-separator {
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(NodeViewWrapper), { class: "bg-gray-100 p-4" }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1, [
-              vue.createElementVNode("div", _hoisted_2, [
+            vue.createElementVNode("div", _hoisted_1$f, [
+              vue.createElementVNode("div", _hoisted_2$f, [
                 vue.createElementVNode("button", {
                   onClick: _cache[0] || (_cache[0] = vue.withModifiers(
                     (...args) => _ctx.deleteNode && _ctx.deleteNode(...args),
@@ -88821,7 +88412,7 @@ img.ProseMirror-separator {
               }, null, 512), [
                 [vue.vModelText, rawText.value]
               ]),
-              vue.createElementVNode("div", { innerHTML: vue.unref(renderedKatex) }, null, 8, _hoisted_3)
+              vue.createElementVNode("div", { innerHTML: vue.unref(renderedKatex) }, null, 8, _hoisted_3$f)
             ])
           ]),
           _: 1
@@ -88899,6 +88490,7 @@ img.ProseMirror-separator {
     Strike,
     Text$1,
     Image.configure({
+      inline: true,
       HTMLAttributes: {
         loading: "lazy"
       }
@@ -88925,21 +88517,462 @@ img.ProseMirror-separator {
       placeholder: "\u8F93\u5165 / \u4EE5\u9009\u62E9\u8F93\u5165\u7C7B\u578B"
     }),
     ExtensionCommands.configure({
-      suggestion: CommandsSuggestion
+      suggestion: {}
     }),
     ExtensionCodeBlock.configure({
       lowlight
     }),
     KatexBlock
   ];
+  const _hoisted_1$e = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$e = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M13.5 15.5H10v-3h3.5A1.5 1.5 0 0 1 15 14a1.5 1.5 0 0 1-1.5 1.5m-3.5-9h3A1.5 1.5 0 0 1 14.5 8A1.5 1.5 0 0 1 13 9.5h-3m5.6 1.29c.97-.68 1.65-1.79 1.65-2.79c0-2.26-1.75-4-4-4H7v14h7.04c2.1 0 3.71-1.7 3.71-3.79c0-1.52-.86-2.82-2.15-3.42Z"
+  }, null, -1);
+  const _hoisted_3$e = [
+    _hoisted_2$e
+  ];
+  function render$e(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$e, _hoisted_3$e);
+  }
+  const MdiFormatBold = { name: "mdi-format-bold", render: render$e };
+  const _hoisted_1$d = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$d = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4h-8Z"
+  }, null, -1);
+  const _hoisted_3$d = [
+    _hoisted_2$d
+  ];
+  function render$d(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$d, _hoisted_3$d);
+  }
+  const MdiFormatItalic = { name: "mdi-format-italic", render: render$d };
+  const _hoisted_1$c = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$c = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M3 14h18v-2H3m2-8v3h5v3h4V7h5V4m-9 15h4v-3h-4v3Z"
+  }, null, -1);
+  const _hoisted_3$c = [
+    _hoisted_2$c
+  ];
+  function render$c(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$c, _hoisted_3$c);
+  }
+  const MdiFormatStrikethrough = { name: "mdi-format-strikethrough", render: render$c };
+  const _hoisted_1$b = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$b = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m10 4h2.31l.32-3h2l-.32 3h2l.32-3h2l-.32 3H23v2h-1.9l-.2 2H23v2h-2.31l-.32 3h-2l.32-3h-2l-.32 3h-2l.32-3H13v-2h1.9l.2-2H13V8m4.1 2l-.2 2h2l.2-2h-2Z"
+  }, null, -1);
+  const _hoisted_3$b = [
+    _hoisted_2$b
+  ];
+  function render$b(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, _hoisted_3$b);
+  }
+  const MdiFormatHeaderPound = { name: "mdi-format-header-pound", render: render$b };
+  const _hoisted_1$a = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$a = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M13.5 7a6.5 6.5 0 0 1 6.5 6.5a6.5 6.5 0 0 1-6.5 6.5H10v-2h3.5c2.5 0 4.5-2 4.5-4.5S16 9 13.5 9H7.83l3.08 3.09L9.5 13.5L4 8l5.5-5.5l1.42 1.41L7.83 7h5.67M6 18h2v2H6v-2Z"
+  }, null, -1);
+  const _hoisted_3$a = [
+    _hoisted_2$a
+  ];
+  function render$a(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, _hoisted_3$a);
+  }
+  const MdiUndoVariant = { name: "mdi-undo-variant", render: render$a };
+  const _hoisted_1$9 = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$9 = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M10.5 7A6.5 6.5 0 0 0 4 13.5a6.5 6.5 0 0 0 6.5 6.5H14v-2h-3.5C8 18 6 16 6 13.5S8 9 10.5 9h5.67l-3.08 3.09l1.41 1.41L20 8l-5.5-5.5l-1.42 1.41L16.17 7H10.5M18 18h-2v2h2v-2Z"
+  }, null, -1);
+  const _hoisted_3$9 = [
+    _hoisted_2$9
+  ];
+  function render$9(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$9, _hoisted_3$9);
+  }
+  const MdiRedoVariant = { name: "mdi-redo-variant", render: render$9 };
+  const _hoisted_1$8 = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$8 = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M5 21h14v-2H5v2m7-4a6 6 0 0 0 6-6V3h-2.5v8a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 11V3H6v8a6 6 0 0 0 6 6Z"
+  }, null, -1);
+  const _hoisted_3$8 = [
+    _hoisted_2$8
+  ];
+  function render$8(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, _hoisted_3$8);
+  }
+  const MdiFormatUnderline = { name: "mdi-format-underline", render: render$8 };
+  const _hoisted_1$7 = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$7 = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M3 3h18v2H3V3m0 4h12v2H3V7m0 4h18v2H3v-2m0 4h12v2H3v-2m0 4h18v2H3v-2Z"
+  }, null, -1);
+  const _hoisted_3$7 = [
+    _hoisted_2$7
+  ];
+  function render$7(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
+  }
+  const MdiFormatAlignLeft = { name: "mdi-format-align-left", render: render$7 };
+  const _hoisted_1$6 = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$6 = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M3 3h18v2H3V3m4 4h10v2H7V7m-4 4h18v2H3v-2m4 4h10v2H7v-2m-4 4h18v2H3v-2Z"
+  }, null, -1);
+  const _hoisted_3$6 = [
+    _hoisted_2$6
+  ];
+  function render$6(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$6, _hoisted_3$6);
+  }
+  const MdiFormatAlignCenter = { name: "mdi-format-align-center", render: render$6 };
+  const _hoisted_1$5 = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$5 = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M3 3h18v2H3V3m6 4h12v2H9V7m-6 4h18v2H3v-2m6 4h12v2H9v-2m-6 4h18v2H3v-2Z"
+  }, null, -1);
+  const _hoisted_3$5 = [
+    _hoisted_2$5
+  ];
+  function render$5(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
+  }
+  const MdiFormatAlignRight = { name: "mdi-format-align-right", render: render$5 };
+  const _hoisted_1$4 = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$4 = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M3 3h18v2H3V3m0 4h18v2H3V7m0 4h18v2H3v-2m0 4h18v2H3v-2m0 4h18v2H3v-2Z"
+  }, null, -1);
+  const _hoisted_3$4 = [
+    _hoisted_2$4
+  ];
+  function render$4(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
+  }
+  const MdiFormatAlignJustify = { name: "mdi-format-align-justify", render: render$4 };
+  const _hoisted_1$3 = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$3 = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "m10 7l-2 4h3v6H5v-6l2-4h3m8 0l-2 4h3v6h-6v-6l2-4h3Z"
+  }, null, -1);
+  const _hoisted_3$3 = [
+    _hoisted_2$3
+  ];
+  function render$3(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
+  }
+  const MdiFormatQuoteOpen = { name: "mdi-format-quote-open", render: render$3 };
+  const _hoisted_1$2 = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$2 = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "m14.6 16.6l4.6-4.6l-4.6-4.6L16 6l6 6l-6 6l-1.4-1.4m-5.2 0L4.8 12l4.6-4.6L8 6l-6 6l6 6l1.4-1.4Z"
+  }, null, -1);
+  const _hoisted_3$2 = [
+    _hoisted_2$2
+  ];
+  function render$2(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
+  }
+  const MdiCodeTags = { name: "mdi-code-tags", render: render$2 };
+  const _hoisted_1$1 = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$1 = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M16 7.41L11.41 12L16 16.59L14.59 18L10 13.41L5.41 18L4 16.59L8.59 12L4 7.41L5.41 6L10 10.59L14.59 6L16 7.41M21.85 9h-4.88V8l.89-.82c.76-.64 1.32-1.18 1.7-1.63c.37-.44.56-.85.57-1.23a.884.884 0 0 0-.27-.7c-.18-.19-.47-.28-.86-.29c-.31.01-.58.07-.84.17l-.66.39l-.45-1.17c.27-.22.59-.39.98-.53S18.85 2 19.32 2c.78 0 1.38.2 1.78.61c.4.39.62.93.62 1.57c-.01.56-.19 1.08-.54 1.55c-.34.48-.76.93-1.27 1.36l-.64.52v.02h2.58V9Z"
+  }, null, -1);
+  const _hoisted_3$1 = [
+    _hoisted_2$1
+  ];
+  function render$1(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+  }
+  const MdiFormatSuperscript = { name: "mdi-format-superscript", render: render$1 };
+  const _hoisted_1 = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M16 7.41L11.41 12L16 16.59L14.59 18L10 13.41L5.41 18L4 16.59L8.59 12L4 7.41L5.41 6L10 10.59L14.59 6L16 7.41m5.85 13.62h-4.88v-1l.89-.8c.76-.65 1.32-1.19 1.7-1.63c.37-.44.56-.85.57-1.24a.898.898 0 0 0-.27-.7c-.18-.16-.47-.28-.86-.28c-.31 0-.58.06-.84.18l-.66.38l-.45-1.17c.27-.21.59-.39.98-.53s.82-.24 1.29-.24c.78.04 1.38.25 1.78.66c.4.41.62.93.62 1.57c-.01.56-.19 1.08-.54 1.55c-.34.47-.76.92-1.27 1.36l-.64.52v.02h2.58v1.35Z"
+  }, null, -1);
+  const _hoisted_3 = [
+    _hoisted_2
+  ];
+  function render(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+  }
+  const MdiFormatSubscript = { name: "mdi-format-subscript", render };
+  function UndoMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiUndoVariant,
+      title: "Undo",
+      action: () => editor.chain().undo().run(),
+      isActive: () => false
+    };
+  }
+  function RedoMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiRedoVariant,
+      title: "Redo",
+      action: () => editor.chain().redo().run(),
+      isActive: () => false
+    };
+  }
+  function BoldMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiFormatBold,
+      title: "Bold",
+      action: () => editor.chain().focus().toggleBold().run(),
+      isActive: () => editor.isActive("bold")
+    };
+  }
+  function ItalicMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiFormatItalic,
+      title: "Italic",
+      action: () => editor.chain().focus().toggleItalic().run(),
+      isActive: () => editor.isActive("italic")
+    };
+  }
+  function UnderlineMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiFormatUnderline,
+      title: "Underline",
+      action: () => editor.chain().focus().toggleUnderline().run(),
+      isActive: () => editor.isActive("underline")
+    };
+  }
+  function StrikeMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiFormatStrikethrough,
+      title: "Strikethrough",
+      action: () => editor.chain().focus().toggleStrike().run(),
+      isActive: () => editor.isActive("strike")
+    };
+  }
+  function QuoteMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiFormatQuoteOpen,
+      title: "Quote",
+      action: () => editor.chain().focus().toggleBlockquote().run(),
+      isActive: () => editor.isActive("blockquote")
+    };
+  }
+  function CodeMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiCodeTags,
+      title: "Code",
+      action: () => editor.chain().focus().toggleCode().run(),
+      isActive: () => editor.isActive("code")
+    };
+  }
+  function SuperScriptMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiFormatSuperscript,
+      title: "Superscript",
+      action: () => editor.chain().focus().toggleSuperscript().run(),
+      isActive: () => editor.isActive("superscript")
+    };
+  }
+  function SubScriptMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiFormatSubscript,
+      title: "Subscript",
+      action: () => editor.chain().focus().toggleSubscript().run(),
+      isActive: () => editor.isActive("subscript")
+    };
+  }
+  function CodeBlockMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiCodeBracesBox,
+      title: "Code Block",
+      action: () => editor.chain().focus().toggleCodeBlock().run(),
+      isActive: () => editor.isActive("codeBlock")
+    };
+  }
+  function HeadingMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiFormatHeaderPound,
+      title: "\u666E\u901A\u6587\u672C",
+      isActive: () => editor.isActive("heading"),
+      children: [
+        {
+          type: "button",
+          icon: MdiFormatHeader1,
+          title: "\u6807\u9898 1",
+          action: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+          isActive: () => editor.isActive("heading", { level: 1 })
+        },
+        {
+          type: "button",
+          icon: MdiFormatHeader2,
+          title: "\u6807\u9898 2",
+          action: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+          isActive: () => editor.isActive("heading", { level: 1 })
+        },
+        {
+          type: "button",
+          icon: MdiFormatHeader3,
+          title: "\u6807\u9898 3",
+          action: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+          isActive: () => editor.isActive("heading", { level: 1 })
+        },
+        {
+          type: "button",
+          icon: MdiFormatHeader4,
+          title: "\u6807\u9898 4",
+          action: () => editor.chain().focus().toggleHeading({ level: 4 }).run(),
+          isActive: () => editor.isActive("heading", { level: 1 })
+        },
+        {
+          type: "button",
+          icon: MdiFormatHeader5,
+          title: "\u6807\u9898 5",
+          action: () => editor.chain().focus().toggleHeading({ level: 5 }).run(),
+          isActive: () => editor.isActive("heading", { level: 1 })
+        },
+        {
+          type: "button",
+          icon: MdiFormatHeader6,
+          title: "\u6807\u9898 6",
+          action: () => editor.chain().focus().toggleHeading({ level: 6 }).run(),
+          isActive: () => editor.isActive("heading", { level: 1 })
+        }
+      ]
+    };
+  }
+  function AlignLeftMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiFormatAlignLeft,
+      title: "Align Left",
+      action: () => editor.chain().focus().setTextAlign("left").run(),
+      isActive: () => editor.isActive({ textAlign: "left" })
+    };
+  }
+  function AlignCenterMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiFormatAlignCenter,
+      title: "Align Center",
+      action: () => editor.chain().focus().setTextAlign("center").run(),
+      isActive: () => editor.isActive({ textAlign: "center" })
+    };
+  }
+  function AlignRightMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiFormatAlignRight,
+      title: "Align Right",
+      action: () => editor.chain().focus().setTextAlign("right").run(),
+      isActive: () => editor.isActive({ textAlign: "right" })
+    };
+  }
+  function AlignJustifyMenuItem(editor) {
+    return {
+      type: "button",
+      icon: MdiFormatAlignJustify,
+      title: "Align Justify",
+      action: () => editor.chain().focus().setTextAlign("justify").run(),
+      isActive: () => editor.isActive({ textAlign: "justify" })
+    };
+  }
   const plugin = {
     install(app) {
       app.component("RichTextEditor", _sfc_main$3);
     }
   };
+  exports.AlignCenterMenuItem = AlignCenterMenuItem;
+  exports.AlignJustifyMenuItem = AlignJustifyMenuItem;
+  exports.AlignLeftMenuItem = AlignLeftMenuItem;
+  exports.AlignRightMenuItem = AlignRightMenuItem;
+  exports.BoldMenuItem = BoldMenuItem;
   exports.BubbleMenu = BubbleMenu;
+  exports.CodeBlockMenuItem = CodeBlockMenuItem;
+  exports.CodeMenuItem = CodeMenuItem;
+  exports.CommandCodeBlock = CommandCodeBlock;
+  exports.CommandHeader1 = CommandHeader1;
+  exports.CommandHeader2 = CommandHeader2;
+  exports.CommandHeader3 = CommandHeader3;
+  exports.CommandHeader4 = CommandHeader4;
+  exports.CommandHeader5 = CommandHeader5;
+  exports.CommandHeader6 = CommandHeader6;
   exports.CommandManager = CommandManager;
-  exports.CommandsSuggestion = CommandsSuggestion;
+  exports.CommandsSuggestion = suggestion;
   exports.Editor = Editor;
   exports.EditorContent = EditorContent;
   exports.Extension = Extension;
@@ -88977,15 +89010,24 @@ img.ProseMirror-separator {
   exports.ExtensionTextAlign = TextAlign;
   exports.ExtensionUnderline = Underline;
   exports.FloatingMenu = FloatingMenu;
+  exports.HeadingMenuItem = HeadingMenuItem;
   exports.InputRule = InputRule;
+  exports.ItalicMenuItem = ItalicMenuItem;
   exports.Mark = Mark;
   exports.Node = Node;
   exports.NodeView = NodeView;
   exports.NodeViewContent = NodeViewContent;
   exports.NodeViewWrapper = NodeViewWrapper;
   exports.PasteRule = PasteRule;
+  exports.QuoteMenuItem = QuoteMenuItem;
+  exports.RedoMenuItem = RedoMenuItem;
   exports.RichTextEditor = _sfc_main$3;
+  exports.StrikeMenuItem = StrikeMenuItem;
+  exports.SubScriptMenuItem = SubScriptMenuItem;
+  exports.SuperScriptMenuItem = SuperScriptMenuItem;
   exports.Tracker = Tracker;
+  exports.UnderlineMenuItem = UnderlineMenuItem;
+  exports.UndoMenuItem = UndoMenuItem;
   exports.VueNodeViewRenderer = VueNodeViewRenderer;
   exports.VueRenderer = VueRenderer;
   exports.allExtensions = allExtensions;