@halo-dev/richtext-editor 0.0.0-alpha.13 → 0.0.0-alpha.15

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

@@ -4006,14 +4006,14 @@ var RichTextEditor = function(exports, vue) {
       return (this.updated & UPDATED_SCROLL) > 0;
     }
   }
-  function bind(f, self2) {
+  function bind$1(f, self2) {
     return !self2 || !f ? f : f.bind(self2);
   }
   class FieldDesc {
     constructor(name, desc, self2) {
       this.name = name;
-      this.init = bind(desc.init, self2);
-      this.apply = bind(desc.apply, self2);
+      this.init = bind$1(desc.init, self2);
+      this.apply = bind$1(desc.apply, self2);
     }
   }
   const baseFields = [
@@ -16070,7 +16070,7 @@ img.ProseMirror-separator {
       })
     };
   }
-  function render$B(instance) {
+  function render$F(instance) {
     var popper2 = div();
     var box = div();
     box.className = BOX_CLASS;
@@ -16125,7 +16125,7 @@ img.ProseMirror-separator {
       onUpdate
     };
   }
-  render$B.$$tippy = true;
+  render$F.$$tippy = true;
   var idCounter = 1;
   var mouseMoveListeners = [];
   var mountedInstances = [];
@@ -16898,7 +16898,7 @@ img.ProseMirror-separator {
     }
   });
   tippy.setDefaultProps({
-    render: render$B
+    render: render$F
   });
   var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
   function isObject$2(value) {
@@ -20121,10 +20121,10 @@ img.ProseMirror-separator {
     tabindex: "-1"
   };
   vue.popScopeId();
-  const render$A = /* @__PURE__ */ _withId((_ctx, _cache, $props, $setup, $data, $options) => {
+  const render$E = /* @__PURE__ */ _withId((_ctx, _cache, $props, $setup, $data, $options) => {
     return vue.openBlock(), vue.createBlock("div", _hoisted_1$2$1);
   });
-  script.render = render$A;
+  script.render = render$E;
   script.__scopeId = "data-v-b329ee4c";
   script.__file = "src/components/ResizeObserver.vue";
   var PrivateThemeClass = (prop = "theme") => ({
@@ -20171,10 +20171,10 @@ img.ProseMirror-separator {
     ref: "inner",
     class: "v-popper__inner"
   };
-  const _hoisted_3$F = /* @__PURE__ */ vue.createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
+  const _hoisted_3$J = /* @__PURE__ */ vue.createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
   const _hoisted_4$2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
-  const _hoisted_5$1 = [
-    _hoisted_3$F,
+  const _hoisted_5$2 = [
+    _hoisted_3$J,
     _hoisted_4$2
   ];
   function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
@@ -20234,7 +20234,7 @@ img.ProseMirror-separator {
             left: _ctx.toPx(_ctx.result.arrow.x),
             top: _ctx.toPx(_ctx.result.arrow.y)
           } : void 0)
-        }, _hoisted_5$1, 4)
+        }, _hoisted_5$2, 4)
       ], 4)
     ], 46, _hoisted_1$1$1);
   }
@@ -20352,7 +20352,7 @@ img.ProseMirror-separator {
     name: "VTooltip",
     vPopperTheme: "tooltip"
   }));
-  vue.defineComponent({
+  const _sfc_main$7 = vue.defineComponent({
     name: "VTooltipDirective",
     components: {
       Popper: PrivatePopper(),
@@ -20443,11 +20443,202 @@ img.ProseMirror-separator {
       }
     }
   });
+  const _hoisted_1$L = ["innerHTML"];
+  const _hoisted_2$K = ["textContent"];
+  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_PopperContent = vue.resolveComponent("PopperContent");
+    const _component_Popper = vue.resolveComponent("Popper");
+    return vue.openBlock(), vue.createBlock(_component_Popper, vue.mergeProps({ ref: "popper" }, _ctx.$attrs, {
+      theme: _ctx.theme,
+      "popper-node": () => _ctx.$refs.popperContent.$el,
+      onApplyShow: _ctx.onShow,
+      onApplyHide: _ctx.onHide
+    }), {
+      default: vue.withCtx(({
+        popperId,
+        isShown,
+        shouldMountContent,
+        skipTransition,
+        autoHide,
+        hide: hide2,
+        handleResize,
+        onResize,
+        classes,
+        result
+      }) => [
+        vue.createVNode(_component_PopperContent, {
+          ref: "popperContent",
+          class: vue.normalizeClass({
+            "v-popper--tooltip-loading": _ctx.loading
+          }),
+          "popper-id": popperId,
+          theme: _ctx.theme,
+          shown: isShown,
+          mounted: shouldMountContent,
+          "skip-transition": skipTransition,
+          "auto-hide": autoHide,
+          "handle-resize": handleResize,
+          classes,
+          result,
+          onHide: hide2,
+          onResize
+        }, {
+          default: vue.withCtx(() => [
+            _ctx.html ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              innerHTML: _ctx.finalContent
+            }, null, 8, _hoisted_1$L)) : (vue.openBlock(), vue.createElementBlock("div", {
+              key: 1,
+              textContent: vue.toDisplayString(_ctx.finalContent)
+            }, null, 8, _hoisted_2$K))
+          ]),
+          _: 2
+        }, 1032, ["class", "popper-id", "theme", "shown", "mounted", "skip-transition", "auto-hide", "handle-resize", "classes", "result", "onHide", "onResize"])
+      ]),
+      _: 1
+    }, 16, ["theme", "popper-node", "onApplyShow", "onApplyHide"]);
+  }
+  var PrivateTooltipDirective = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]);
+  const TARGET_CLASS = "v-popper--has-tooltip";
+  function getPlacement(options2, modifiers2) {
+    let result = options2.placement;
+    if (!result && modifiers2) {
+      for (const pos of placements) {
+        if (modifiers2[pos]) {
+          result = pos;
+        }
+      }
+    }
+    if (!result) {
+      result = getDefaultConfig(options2.theme || "tooltip", "placement");
+    }
+    return result;
+  }
+  function getOptions(el, value, modifiers2) {
+    let options2;
+    const type = typeof value;
+    if (type === "string") {
+      options2 = { content: value };
+    } else if (value && type === "object") {
+      options2 = value;
+    } else {
+      options2 = { content: false };
+    }
+    options2.placement = getPlacement(options2, modifiers2);
+    options2.targetNodes = () => [el];
+    options2.referenceNode = () => el;
+    return options2;
+  }
+  let directiveApp;
+  let directives;
+  let uid = 0;
+  function ensureDirectiveApp() {
+    if (directiveApp)
+      return;
+    directives = vue.ref([]);
+    directiveApp = vue.createApp({
+      name: "VTooltipDirectiveApp",
+      setup() {
+        return {
+          directives
+        };
+      },
+      render() {
+        return this.directives.map((directive) => {
+          return vue.h(PrivateTooltipDirective, __spreadProps(__spreadValues$1({}, directive.options), {
+            shown: directive.shown || directive.options.shown,
+            key: directive.id
+          }));
+        });
+      },
+      devtools: {
+        hide: true
+      }
+    });
+    const mountTarget = document.createElement("div");
+    document.body.appendChild(mountTarget);
+    directiveApp.mount(mountTarget);
+  }
+  function createTooltip(el, value, modifiers2) {
+    ensureDirectiveApp();
+    const options2 = vue.ref(getOptions(el, value, modifiers2));
+    const shown = vue.ref(false);
+    const item = {
+      id: uid++,
+      options: options2,
+      shown
+    };
+    directives.value.push(item);
+    if (el.classList) {
+      el.classList.add(TARGET_CLASS);
+    }
+    const result = el.$_popper = {
+      options: options2,
+      item,
+      show() {
+        shown.value = true;
+      },
+      hide() {
+        shown.value = false;
+      }
+    };
+    return result;
+  }
+  function destroyTooltip(el) {
+    if (el.$_popper) {
+      const index2 = directives.value.indexOf(el.$_popper.item);
+      if (index2 !== -1)
+        directives.value.splice(index2, 1);
+      delete el.$_popper;
+      delete el.$_popperOldShown;
+      delete el.$_popperMountTarget;
+    }
+    if (el.classList) {
+      el.classList.remove(TARGET_CLASS);
+    }
+  }
+  function bind(el, { value, modifiers: modifiers2 }) {
+    const options2 = getOptions(el, value, modifiers2);
+    if (!options2.content || getDefaultConfig(options2.theme || "tooltip", "disabled")) {
+      destroyTooltip(el);
+    } else {
+      let directive;
+      if (el.$_popper) {
+        directive = el.$_popper;
+        directive.options.value = options2;
+      } else {
+        directive = createTooltip(el, value, modifiers2);
+      }
+      if (typeof value.shown !== "undefined" && value.shown !== el.$_popperOldShown) {
+        el.$_popperOldShown = value.shown;
+        value.shown ? directive.show() : directive.hide();
+      }
+    }
+  }
+  var PrivateVTooltip = {
+    beforeMount: bind,
+    updated: bind,
+    beforeUnmount(el) {
+      destroyTooltip(el);
+    }
+  };
+  const VTooltip = PrivateVTooltip;
   const Menu = _sfc_main$2$1;
-  const _hoisted_1$G = { class: "editor-header flex items-center py-1 space-x-0.5 justify-center border-b drop-shadow-sm bg-white" };
-  const _hoisted_2$F = ["onClick"];
-  const _hoisted_3$E = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-48 p-1 max-h-72 overflow-y-auto" };
-  const _hoisted_4$1 = ["onClick"];
+  const _hoisted_1$K = { class: "editor-header flex items-center py-1 space-x-0.5 justify-center border-b drop-shadow-sm bg-white" };
+  const _hoisted_2$J = {
+    key: 0,
+    class: "px-1"
+  };
+  const _hoisted_3$I = /* @__PURE__ */ vue.createElementVNode("div", {
+    class: "h-5 bg-gray-100",
+    style: { "width": "1px" }
+  }, null, -1);
+  const _hoisted_4$1 = [
+    _hoisted_3$I
+  ];
+  const _hoisted_5$1 = ["onClick"];
+  const _hoisted_6$1 = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-48 p-1 max-h-72 overflow-y-auto" };
+  const _hoisted_7 = ["onClick"];
   const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     __name: "EditorHeader",
     props: {
@@ -20459,54 +20650,58 @@ img.ProseMirror-separator {
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menuItems, (menuItem, index2) => {
             var _a2, _b;
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index2,
               class: "inline-flex items-center justify-center"
             }, [
-              !((_a2 = menuItem.children) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("button", {
-                key: 0,
-                class: vue.normalizeClass([{ "bg-gray-200": (_b = menuItem.isActive) == null ? void 0 : _b.call(menuItem) }, "hover:bg-gray-100 p-1 rounded-sm"]),
-                onClick: menuItem.action
-              }, [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon)))
-              ], 10, _hoisted_2$F)) : (vue.openBlock(), vue.createBlock(vue.unref(Menu), {
-                key: 1,
-                class: "inline-flex"
-              }, {
-                popper: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_3$E, [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuItem.children, (child, childIndex) => {
-                      var _a3, _b2, _c;
-                      return vue.openBlock(), vue.createElementBlock("div", {
-                        key: childIndex,
-                        class: vue.normalizeClass([{ "!bg-gray-100": (_a3 = child.isActive) == null ? void 0 : _a3.call(child) }, "flex flex-row items-center rounded gap-4 p-1 hover:bg-gray-100 group cursor-pointer"]),
-                        onClick: child.action
+              menuItem.type === "separator" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$J, _hoisted_4$1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                !((_a2 = menuItem.children) == null ? void 0 : _a2.length) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  class: vue.normalizeClass([{ "bg-gray-200": (_b = menuItem.isActive) == null ? void 0 : _b.call(menuItem) }, "hover:bg-gray-100 p-1 rounded-sm"]),
+                  onClick: menuItem.action
+                }, [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon)))
+                ], 10, _hoisted_5$1)), [
+                  [vue.unref(VTooltip), menuItem.title]
+                ]) : (vue.openBlock(), vue.createBlock(vue.unref(Menu), {
+                  key: 1,
+                  class: "inline-flex"
+                }, {
+                  popper: vue.withCtx(() => [
+                    vue.createElementVNode("div", _hoisted_6$1, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuItem.children, (child, childIndex) => {
+                        var _a3, _b2, _c;
+                        return vue.openBlock(), vue.createElementBlock("div", {
+                          key: childIndex,
+                          class: vue.normalizeClass([{ "!bg-gray-100": (_a3 = child.isActive) == null ? void 0 : _a3.call(child) }, "flex flex-row items-center rounded gap-4 p-1 hover:bg-gray-100 group cursor-pointer"]),
+                          onClick: child.action
+                        }, [
+                          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(child.icon), {
+                            class: vue.normalizeClass(["bg-gray-100 p-1 rounded w-6 h-6 group-hover:bg-white", { "!bg-white": (_b2 = child.isActive) == null ? void 0 : _b2.call(child) }])
+                          }, null, 8, ["class"])),
+                          vue.createElementVNode("span", {
+                            class: vue.normalizeClass(["text-xs text-gray-600 group-hover:text-gray-900 group-hover:font-medium", { "!text-gray-900 !font-medium": (_c = child.isActive) == null ? void 0 : _c.call(child) }])
+                          }, vue.toDisplayString(child.title), 3)
+                        ], 10, _hoisted_7);
+                      }), 128))
+                    ])
+                  ]),
+                  default: vue.withCtx(() => {
+                    var _a3;
+                    return [
+                      vue.createElementVNode("button", {
+                        class: vue.normalizeClass([{ "bg-gray-200": (_a3 = menuItem.isActive) == null ? void 0 : _a3.call(menuItem) }, "hover:bg-gray-100 p-1 rounded-sm"])
                       }, [
-                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(child.icon), {
-                          class: vue.normalizeClass(["bg-gray-100 p-1 rounded w-6 h-6 group-hover:bg-white", { "!bg-white": (_b2 = child.isActive) == null ? void 0 : _b2.call(child) }])
-                        }, null, 8, ["class"])),
-                        vue.createElementVNode("span", {
-                          class: vue.normalizeClass(["text-xs text-gray-600 group-hover:text-gray-900 group-hover:font-medium", { "!text-gray-900 !font-medium": (_c = child.isActive) == null ? void 0 : _c.call(child) }])
-                        }, vue.toDisplayString(child.title), 3)
-                      ], 10, _hoisted_4$1);
-                    }), 128))
-                  ])
-                ]),
-                default: vue.withCtx(() => {
-                  var _a3;
-                  return [
-                    vue.createElementVNode("button", {
-                      class: vue.normalizeClass([{ "bg-gray-200": (_a3 = menuItem.isActive) == null ? void 0 : _a3.call(menuItem) }, "hover:bg-gray-100 p-1 rounded-sm"])
-                    }, [
-                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon)))
-                    ], 2)
-                  ];
-                }),
-                _: 2
-              }, 1024))
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon)))
+                      ], 2)
+                    ];
+                  }),
+                  _: 2
+                }, 1024))
+              ], 64))
             ]);
           }), 128))
         ]);
@@ -20514,8 +20709,8 @@ img.ProseMirror-separator {
     }
   });
   const svgArrow = "";
-  const _hoisted_1$F = { class: "bg-white flex items-center rounded p-1 border drop-shadow space-x-0.5" };
-  const _hoisted_2$E = ["title", "onClick"];
+  const _hoisted_1$J = { class: "bg-white flex items-center rounded p-1 border drop-shadow space-x-0.5" };
+  const _hoisted_2$I = ["title", "onClick"];
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     __name: "EditorBubbleMenu",
     props: {
@@ -20536,7 +20731,7 @@ img.ProseMirror-separator {
           "tippy-options": { duration: 100, arrow: vue.unref(ROUND_ARROW), maxWidth: "100%" }
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$F, [
+            vue.createElementVNode("div", _hoisted_1$J, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menuItems, (menuItem, index2) => {
                 var _a2;
                 return vue.openBlock(), vue.createElementBlock("button", {
@@ -20548,8 +20743,10 @@ img.ProseMirror-separator {
                     return (_a3 = menuItem.action) == null ? void 0 : _a3.call(menuItem);
                   }
                 }, [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon)))
-                ], 10, _hoisted_2$E);
+                  vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon), null, null, 512)), [
+                    [vue.unref(VTooltip), menuItem.title]
+                  ])
+                ], 10, _hoisted_2$I);
               }), 128))
             ])
           ]),
@@ -20558,12 +20755,12 @@ img.ProseMirror-separator {
       };
     }
   });
-  const _hoisted_1$E = {
+  const _hoisted_1$I = {
     key: 0,
     class: "halo-rich-text-editor"
   };
-  const _hoisted_2$D = { class: "h-full flex flex-row w-full" };
-  const _hoisted_3$D = { class: "h-full" };
+  const _hoisted_2$H = { class: "h-full flex flex-row w-full" };
+  const _hoisted_3$H = { class: "h-full" };
   const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     __name: "Editor",
     props: {
@@ -20589,18 +20786,18 @@ img.ProseMirror-separator {
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return __props.editor ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+        return __props.editor ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
           vue.createVNode(_sfc_main$5, {
             editor: __props.editor,
             "menu-items": __props.bubbleMenuItems
           }, null, 8, ["editor", "menu-items"]),
           vue.createVNode(_sfc_main$6, { "menu-items": __props.toolbarMenuItems }, null, 8, ["menu-items"]),
-          vue.createElementVNode("div", _hoisted_2$D, [
+          vue.createElementVNode("div", _hoisted_2$H, [
             vue.createVNode(vue.unref(EditorContent), {
               editor: __props.editor,
               class: "editor-content prose prose-base !max-w-none prose-pre:p-0 bg-white prose-p:mt-3 prose-p:mb-3 prose-img:mt-0 prose-img:mb-0"
             }, null, 8, ["editor"]),
-            vue.createElementVNode("div", _hoisted_3$D, [
+            vue.createElementVNode("div", _hoisted_3$H, [
               vue.renderSlot(_ctx.$slots, "extra")
             ])
           ])
@@ -20612,7 +20809,7 @@ img.ProseMirror-separator {
   const tailwind = "";
   const style = "";
   const githubDark = "";
-  const inputRegex$6 = /^\s*>\s$/;
+  const inputRegex$7 = /^\s*>\s$/;
   const Blockquote = Node.create({
     name: "blockquote",
     addOptions() {
@@ -20652,7 +20849,7 @@ img.ProseMirror-separator {
     addInputRules() {
       return [
         wrappingInputRule({
-          find: inputRegex$6,
+          find: inputRegex$7,
           type: this.type
         })
       ];
@@ -20731,7 +20928,7 @@ img.ProseMirror-separator {
       ];
     }
   });
-  const inputRegex$5 = /^\s*([-+*])\s$/;
+  const inputRegex$6 = /^\s*([-+*])\s$/;
   const BulletList = Node.create({
     name: "bulletList",
     addOptions() {
@@ -20767,14 +20964,14 @@ img.ProseMirror-separator {
     addInputRules() {
       return [
         wrappingInputRule({
-          find: inputRegex$5,
+          find: inputRegex$6,
           type: this.type
         })
       ];
     }
   });
-  const inputRegex$4 = /(?:^|\s)((?:`)((?:[^`]+))(?:`))$/;
-  const pasteRegex$1 = /(?:^|\s)((?:`)((?:[^`]+))(?:`))/g;
+  const inputRegex$5 = /(?:^|\s)((?:`)((?:[^`]+))(?:`))$/;
+  const pasteRegex$2 = /(?:^|\s)((?:`)((?:[^`]+))(?:`))/g;
   const Code = Mark.create({
     name: "code",
     addOptions() {
@@ -20814,7 +21011,7 @@ img.ProseMirror-separator {
     addInputRules() {
       return [
         markInputRule({
-          find: inputRegex$4,
+          find: inputRegex$5,
           type: this.type
         })
       ];
@@ -20822,7 +21019,7 @@ img.ProseMirror-separator {
     addPasteRules() {
       return [
         markPasteRule({
-          find: pasteRegex$1,
+          find: pasteRegex$2,
           type: this.type
         })
       ];
@@ -23802,7 +23999,7 @@ img.ProseMirror-separator {
       };
     }
   });
-  const inputRegex$3 = /^(\d+)\.\s$/;
+  const inputRegex$4 = /^(\d+)\.\s$/;
   const OrderedList = Node.create({
     name: "orderedList",
     addOptions() {
@@ -23851,7 +24048,7 @@ img.ProseMirror-separator {
     addInputRules() {
       return [
         wrappingInputRule({
-          find: inputRegex$3,
+          find: inputRegex$4,
           type: this.type,
           getAttributes: (match) => ({ start: +match[1] }),
           joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1]
@@ -23890,8 +24087,8 @@ img.ProseMirror-separator {
       };
     }
   });
-  const inputRegex$2 = /(?:^|\s)((?:~~)((?:[^~]+))(?:~~))$/;
-  const pasteRegex = /(?:^|\s)((?:~~)((?:[^~]+))(?:~~))/g;
+  const inputRegex$3 = /(?:^|\s)((?:~~)((?:[^~]+))(?:~~))$/;
+  const pasteRegex$1 = /(?:^|\s)((?:~~)((?:[^~]+))(?:~~))/g;
   const Strike = Mark.create({
     name: "strike",
     addOptions() {
@@ -23941,7 +24138,7 @@ img.ProseMirror-separator {
     addInputRules() {
       return [
         markInputRule({
-          find: inputRegex$2,
+          find: inputRegex$3,
           type: this.type
         })
       ];
@@ -23949,7 +24146,7 @@ img.ProseMirror-separator {
     addPasteRules() {
       return [
         markPasteRule({
-          find: pasteRegex,
+          find: pasteRegex$1,
           type: this.type
         })
       ];
@@ -23995,7 +24192,7 @@ img.ProseMirror-separator {
       };
     }
   });
-  const inputRegex$1 = /^\s*(\[([( |x])?\])\s$/;
+  const inputRegex$2 = /^\s*(\[([( |x])?\])\s$/;
   const TaskItem = Node.create({
     name: "taskItem",
     addOptions() {
@@ -24126,7 +24323,7 @@ img.ProseMirror-separator {
     addInputRules() {
       return [
         wrappingInputRule({
-          find: inputRegex$1,
+          find: inputRegex$2,
           type: this.type,
           getAttributes: (match) => ({
             checked: match[match.length - 1] === "x"
@@ -25366,6 +25563,81 @@ img.ProseMirror-separator {
       ];
     }
   });
+  const inputRegex$1 = /(?:^|\s)((?:==)((?:[^~=]+))(?:==))$/;
+  const pasteRegex = /(?:^|\s)((?:==)((?:[^~=]+))(?:==))/g;
+  const Highlight = Mark.create({
+    name: "highlight",
+    addOptions() {
+      return {
+        multicolor: false,
+        HTMLAttributes: {}
+      };
+    },
+    addAttributes() {
+      if (!this.options.multicolor) {
+        return {};
+      }
+      return {
+        color: {
+          default: null,
+          parseHTML: (element) => element.getAttribute("data-color") || element.style.backgroundColor,
+          renderHTML: (attributes) => {
+            if (!attributes.color) {
+              return {};
+            }
+            return {
+              "data-color": attributes.color,
+              style: `background-color: ${attributes.color}; color: inherit`
+            };
+          }
+        }
+      };
+    },
+    parseHTML() {
+      return [
+        {
+          tag: "mark"
+        }
+      ];
+    },
+    renderHTML({ HTMLAttributes }) {
+      return ["mark", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+    },
+    addCommands() {
+      return {
+        setHighlight: (attributes) => ({ commands: commands2 }) => {
+          return commands2.setMark(this.name, attributes);
+        },
+        toggleHighlight: (attributes) => ({ commands: commands2 }) => {
+          return commands2.toggleMark(this.name, attributes);
+        },
+        unsetHighlight: () => ({ commands: commands2 }) => {
+          return commands2.unsetMark(this.name);
+        }
+      };
+    },
+    addKeyboardShortcuts() {
+      return {
+        "Mod-Shift-h": () => this.editor.commands.toggleHighlight()
+      };
+    },
+    addInputRules() {
+      return [
+        markInputRule({
+          find: inputRegex$1,
+          type: this.type
+        })
+      ];
+    },
+    addPasteRules() {
+      return [
+        markPasteRule({
+          find: pasteRegex,
+          type: this.type
+        })
+      ];
+    }
+  });
   function findSuggestionMatch(config2) {
     var _a2;
     const { char, allowSpaces, allowedPrefixes, startOfLine, $position } = config2;
@@ -25586,9 +25858,9 @@ img.ProseMirror-separator {
       ];
     }
   });
-  const _hoisted_1$D = { class: "command-items" };
-  const _hoisted_2$C = ["id", "onClick"];
-  const _hoisted_3$C = { class: "command-title group-hover:text-gray-900 group-hover:font-medium" };
+  const _hoisted_1$H = { class: "command-items" };
+  const _hoisted_2$G = ["id", "onClick"];
+  const _hoisted_3$G = { class: "command-title group-hover:text-gray-900 group-hover:font-medium" };
   const _hoisted_4 = {
     key: 1,
     class: "command-empty"
@@ -25664,7 +25936,7 @@ img.ProseMirror-separator {
         onKeyDown
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
           __props.items.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.items, (item, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               id: `command-item-${index2}`,
@@ -25673,14 +25945,78 @@ img.ProseMirror-separator {
               onClick: ($event) => handleSelectItem(index2)
             }, [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), { class: "command-icon group-hover:!bg-white" })),
-              vue.createElementVNode("span", _hoisted_3$C, vue.toDisplayString(item.title), 1)
-            ], 10, _hoisted_2$C);
+              vue.createElementVNode("span", _hoisted_3$G, vue.toDisplayString(item.title), 1)
+            ], 10, _hoisted_2$G);
           }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, _hoisted_6))
         ]);
       };
     }
   });
   const CommandsView_vue_vue_type_style_index_0_lang = "";
+  const _hoisted_1$G = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$F = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M13 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4h-2v6H9V4h4m0 6a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2v4h2Z"
+  }, null, -1);
+  const _hoisted_3$F = [
+    _hoisted_2$F
+  ];
+  function render$D(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$G, _hoisted_3$F);
+  }
+  const MdiFormatParagraph = { name: "mdi-format-paragraph", render: render$D };
+  const _hoisted_1$F = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$E = /* @__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$E = [
+    _hoisted_2$E
+  ];
+  function render$C(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$F, _hoisted_3$E);
+  }
+  const MdiFormatHeader1 = { name: "mdi-format-header-1", render: render$C };
+  const _hoisted_1$E = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$D = /* @__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$D = [
+    _hoisted_2$D
+  ];
+  function render$B(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$E, _hoisted_3$D);
+  }
+  const MdiFormatHeader2 = { name: "mdi-format-header-2", render: render$B };
+  const _hoisted_1$D = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$C = /* @__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$C = [
+    _hoisted_2$C
+  ];
+  function render$A(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$D, _hoisted_3$C);
+  }
+  const MdiFormatHeader3 = { name: "mdi-format-header-3", render: render$A };
   const _hoisted_1$C = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -25688,7 +26024,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$B = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m11 14v-2h2V6.31l-2.5 1.44V5.44L16 4h2v12h2v2h-6Z"
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m15 14v-5h-5v-2l5-7h2v7h1v2h-1v5h-2m0-7V7.42L15.45 11H18Z"
   }, null, -1);
   const _hoisted_3$B = [
     _hoisted_2$B
@@ -25696,7 +26032,7 @@ img.ProseMirror-separator {
   function render$z(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$C, _hoisted_3$B);
   }
-  const MdiFormatHeader1 = { name: "mdi-format-header-1", render: render$z };
+  const MdiFormatHeader4 = { name: "mdi-format-header-4", render: render$z };
   const _hoisted_1$B = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -25704,7 +26040,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$A = /* @__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"
+    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$A = [
     _hoisted_2$A
@@ -25712,7 +26048,7 @@ img.ProseMirror-separator {
   function render$y(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$B, _hoisted_3$A);
   }
-  const MdiFormatHeader2 = { name: "mdi-format-header-2", render: render$y };
+  const MdiFormatHeader5 = { name: "mdi-format-header-5", render: render$y };
   const _hoisted_1$A = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -25720,7 +26056,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$z = /* @__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"
+    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$z = [
     _hoisted_2$z
@@ -25728,7 +26064,7 @@ img.ProseMirror-separator {
   function render$x(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$A, _hoisted_3$z);
   }
-  const MdiFormatHeader3 = { name: "mdi-format-header-3", render: render$x };
+  const MdiFormatHeader6 = { name: "mdi-format-header-6", render: render$x };
   const _hoisted_1$z = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -25736,7 +26072,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$y = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m15 14v-5h-5v-2l5-7h2v7h1v2h-1v5h-2m0-7V7.42L15.45 11H18Z"
+    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$y = [
     _hoisted_2$y
@@ -25744,7 +26080,7 @@ img.ProseMirror-separator {
   function render$w(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$z, _hoisted_3$y);
   }
-  const MdiFormatHeader4 = { name: "mdi-format-header-4", render: render$w };
+  const MdiCodeBracesBox = { name: "mdi-code-braces-box", render: render$w };
   const _hoisted_1$y = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -25752,7 +26088,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$x = /* @__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"
+    d: "M7 5h14v2H7V5m0 8v-2h14v2H7M4 4.5A1.5 1.5 0 0 1 5.5 6A1.5 1.5 0 0 1 4 7.5A1.5 1.5 0 0 1 2.5 6A1.5 1.5 0 0 1 4 4.5m0 6A1.5 1.5 0 0 1 5.5 12A1.5 1.5 0 0 1 4 13.5A1.5 1.5 0 0 1 2.5 12A1.5 1.5 0 0 1 4 10.5M7 19v-2h14v2H7m-3-2.5A1.5 1.5 0 0 1 5.5 18A1.5 1.5 0 0 1 4 19.5A1.5 1.5 0 0 1 2.5 18A1.5 1.5 0 0 1 4 16.5Z"
   }, null, -1);
   const _hoisted_3$x = [
     _hoisted_2$x
@@ -25760,7 +26096,7 @@ img.ProseMirror-separator {
   function render$v(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$y, _hoisted_3$x);
   }
-  const MdiFormatHeader5 = { name: "mdi-format-header-5", render: render$v };
+  const MdiFormatListBulleted = { name: "mdi-format-list-bulleted", render: render$v };
   const _hoisted_1$x = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -25768,7 +26104,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$w = /* @__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"
+    d: "M21 19v-2H8v2h13m0-6v-2H8v2h13M8 7h13V5H8v2M4 5v2h2V5H4M3 5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5m1 6v2h2v-2H4m-1 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2m1 6v2h2v-2H4m-1 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2Z"
   }, null, -1);
   const _hoisted_3$w = [
     _hoisted_2$w
@@ -25776,7 +26112,7 @@ img.ProseMirror-separator {
   function render$u(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$x, _hoisted_3$w);
   }
-  const MdiFormatHeader6 = { name: "mdi-format-header-6", render: render$u };
+  const MdiFormatListCheckbox = { name: "mdi-format-list-checkbox", render: render$u };
   const _hoisted_1$w = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -25784,7 +26120,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$v = /* @__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"
+    d: "M7 13v-2h14v2H7m0 6v-2h14v2H7M7 7V5h14v2H7M3 8V5H2V4h2v4H3m-1 9v-1h3v4H2v-1h2v-.5H3v-1h1V17H2m2.25-7a.75.75 0 0 1 .75.75c0 .2-.08.39-.21.52L3.12 13H5v1H2v-.92L4 11H2v-1h2.25Z"
   }, null, -1);
   const _hoisted_3$v = [
     _hoisted_2$v
@@ -25792,7 +26128,7 @@ img.ProseMirror-separator {
   function render$t(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$w, _hoisted_3$v);
   }
-  const MdiCodeBracesBox = { name: "mdi-code-braces-box", render: render$t };
+  const MdiFormatListNumbered = { name: "mdi-format-list-numbered", render: render$t };
   const _hoisted_1$v = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -25800,7 +26136,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$u = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M16.36 14c.08-.66.14-1.32.14-2c0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2c0-.68.06-1.35.16-2h4.68c.09.65.16 1.32.16 2c0 .68-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.923 7.923 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2c0 .68.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.65 15.65 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"
+    d: "M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 4v4h6V8H5m8 0v4h6V8h-6m-8 6v4h6v-4H5m8 0v4h6v-4h-6Z"
   }, null, -1);
   const _hoisted_3$u = [
     _hoisted_2$u
@@ -25808,7 +26144,31 @@ img.ProseMirror-separator {
   function render$s(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$v, _hoisted_3$u);
   }
-  const MdiWeb = { name: "mdi-web", render: render$s };
+  const MdiTable = { name: "mdi-table", render: render$s };
+  const _hoisted_1$u = {
+    viewBox: "0 0 24 24",
+    width: "1.2em",
+    height: "1.2em"
+  };
+  const _hoisted_2$t = /* @__PURE__ */ vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M16.36 14c.08-.66.14-1.32.14-2c0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2c0-.68.06-1.35.16-2h4.68c.09.65.16 1.32.16 2c0 .68-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.923 7.923 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2c0 .68.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.65 15.65 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"
+  }, null, -1);
+  const _hoisted_3$t = [
+    _hoisted_2$t
+  ];
+  function render$r(_ctx, _cache) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$u, _hoisted_3$t);
+  }
+  const MdiWeb = { name: "mdi-web", render: render$r };
+  const CommentParagraph = {
+    icon: vue.markRaw(MdiFormatParagraph),
+    title: "\u666E\u901A\u6587\u672C",
+    keywords: ["paragraph", "text", "\u666E\u901A\u6587\u672C", "putongwenben"],
+    command: ({ editor, range }) => {
+      editor.chain().focus().deleteRange(range).setParagraph().run();
+    }
+  };
   const CommandHeader1 = {
     icon: vue.markRaw(MdiFormatHeader1),
     title: "\u4E00\u7EA7\u6807\u9898",
@@ -25876,65 +26236,54 @@ img.ProseMirror-separator {
       ]).run();
     }
   };
+  const CommandTable = {
+    icon: vue.markRaw(MdiTable),
+    title: "\u8868\u683C",
+    keywords: ["table", "biaoge"],
+    command: ({ editor, range }) => {
+      editor.chain().focus().deleteRange(range).insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run();
+    }
+  };
+  const CommandBulletList = {
+    icon: vue.markRaw(MdiFormatListBulleted),
+    title: "\u65E0\u5E8F\u5217\u8868",
+    keywords: ["bulletlist", "wuxuliebiao"],
+    command: ({ editor, range }) => {
+      editor.chain().focus().deleteRange(range).toggleBulletList().run();
+    }
+  };
+  const CommandOrderedList = {
+    icon: vue.markRaw(MdiFormatListNumbered),
+    title: "\u6709\u5E8F\u5217\u8868",
+    keywords: ["orderedlist", "youxuliebiao"],
+    command: ({ editor, range }) => {
+      editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+    }
+  };
+  const CommandTaskList = {
+    icon: vue.markRaw(MdiFormatListCheckbox),
+    title: "\u4EFB\u52A1\u5217\u8868",
+    keywords: ["tasklist", "renwuliebiao"],
+    command: ({ editor, range }) => {
+      editor.chain().focus().deleteRange(range).toggleTaskList().run();
+    }
+  };
   const suggestion = {
     items: ({ query }) => {
       return [
-        {
-          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();
-          }
-        },
-        {
-          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();
-          }
-        },
-        {
-          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();
-          }
-        },
-        {
-          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();
-          }
-        },
-        {
-          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();
-          }
-        },
-        {
-          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();
-          }
-        },
-        {
-          icon: vue.markRaw(MdiCodeBracesBox),
-          title: "\u4EE3\u7801\u5757",
-          keywords: ["codeblock", "daimakuai"],
-          command: ({ editor, range }) => {
-            editor.chain().focus().deleteRange(range).setCodeBlock().run();
-          }
-        }
+        CommentParagraph,
+        CommandHeader1,
+        CommandHeader2,
+        CommandHeader3,
+        CommandHeader4,
+        CommandHeader5,
+        CommandHeader6,
+        CommandCodeBlock,
+        CommandTable,
+        CommandBulletList,
+        CommandOrderedList,
+        CommandTaskList,
+        CommandIframe
       ].filter(
         (item) => [...item.keywords, item.title].some(
           (keyword) => keyword.includes(query)
@@ -41000,9 +41349,9 @@ img.ProseMirror-separator {
   lowlight$1.registerLanguage("xml", xml);
   lowlight$1.registerLanguage("yaml", yaml);
   const lowlight = lowlight$1;
-  const _hoisted_1$u = { class: "px-2 py-1.5" };
-  const _hoisted_2$t = /* @__PURE__ */ vue.createElementVNode("option", { value: null }, "auto", -1);
-  const _hoisted_3$t = ["value"];
+  const _hoisted_1$t = { class: "px-2 py-1.5" };
+  const _hoisted_2$s = /* @__PURE__ */ vue.createElementVNode("option", { value: null }, "auto", -1);
+  const _hoisted_3$s = ["value"];
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     __name: "CodeBlockViewRenderer",
     props: {
@@ -41032,18 +41381,18 @@ img.ProseMirror-separator {
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(NodeViewWrapper), { class: "code-block divide-gray-100 bg-gray-100 overflow-hidden rounded-md my-3" }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$u, [
+            vue.createElementVNode("div", _hoisted_1$t, [
               vue.withDirectives(vue.createElementVNode("select", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(selectedLanguage) ? selectedLanguage.value = $event : null),
                 contenteditable: "false",
                 class: "block px-2 py-1.5 text-sm text-gray-900 border border-gray-300 rounded-md bg-gray-50 focus:ring-blue-500 focus:border-blue-500"
               }, [
-                _hoisted_2$t,
+                _hoisted_2$s,
                 (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$t);
+                  }, vue.toDisplayString(language), 9, _hoisted_3$s);
                 }), 128))
               ], 512), [
                 [vue.vModelSelect, vue.unref(selectedLanguage)]
@@ -41065,9 +41414,9 @@ img.ProseMirror-separator {
       return VueNodeViewRenderer(_sfc_main$2);
     }
   });
-  const _hoisted_1$t = { class: "block w-full relative" };
-  const _hoisted_2$s = { class: "px-2 py-1.5" };
-  const _hoisted_3$s = ["src", "width", "height"];
+  const _hoisted_1$s = { class: "block w-full relative" };
+  const _hoisted_2$r = { class: "px-2 py-1.5" };
+  const _hoisted_3$r = ["src", "width", "height"];
   const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "IframeView",
     props: {
@@ -41097,8 +41446,8 @@ img.ProseMirror-separator {
           class: "divide-gray-100 bg-gray-100 overflow-hidden rounded-md w-full my-3"
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$t, [
-              vue.createElementVNode("div", _hoisted_2$s, [
+            vue.createElementVNode("div", _hoisted_1$s, [
+              vue.createElementVNode("div", _hoisted_2$r, [
                 vue.withDirectives(vue.createElementVNode("input", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(src) ? src.value = $event : null),
                   class: "block px-2 w-full py-1.5 text-sm text-gray-900 border border-gray-300 rounded-md bg-gray-50 focus:ring-blue-500 focus:border-blue-500",
@@ -41118,7 +41467,7 @@ img.ProseMirror-separator {
                 frameborder: "no",
                 framespacing: "0",
                 allowfullscreen: "true"
-              }, null, 8, _hoisted_3$s)) : vue.createCommentVNode("", true)
+              }, null, 8, _hoisted_3$r)) : vue.createCommentVNode("", true)
             ])
           ]),
           _: 1
@@ -41463,7 +41812,7 @@ img.ProseMirror-separator {
   __spreadValues({
     linear: identity
   }, _TransitionPresets);
-  const _hoisted_1$s = ["src", "title", "alt"];
+  const _hoisted_1$r = ["src", "title", "alt"];
   const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     __name: "ImageView",
     props: {
@@ -41515,7 +41864,7 @@ img.ProseMirror-separator {
                 title: __props.node.attrs.title,
                 alt: vue.unref(alt),
                 class: "w-full h-full"
-              }, null, 8, _hoisted_1$s)
+              }, null, 8, _hoisted_1$r)
             ], 6)
           ]),
           _: 1
@@ -43836,6 +44185,7 @@ img.ProseMirror-separator {
     Image,
     TaskList,
     TaskItem,
+    Highlight,
     Link.configure({
       autolink: true,
       openOnClick: false
@@ -43860,22 +44210,6 @@ img.ProseMirror-separator {
     }),
     Iframe
   ];
-  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$r = [
-    _hoisted_2$r
-  ];
-  function render$r(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$r, _hoisted_3$r);
-  }
-  const MdiFormatBold = { name: "mdi-format-bold", render: render$r };
   const _hoisted_1$q = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -43883,7 +44217,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$q = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4h-8Z"
+    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$q
@@ -43891,7 +44225,7 @@ img.ProseMirror-separator {
   function render$q(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$q, _hoisted_3$q);
   }
-  const MdiFormatItalic = { name: "mdi-format-italic", render: render$q };
+  const MdiFormatBold = { name: "mdi-format-bold", render: render$q };
   const _hoisted_1$p = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -43899,7 +44233,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$p = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 14h18v-2H3m2-8v3h5v3h4V7h5V4m-9 15h4v-3h-4v3Z"
+    d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4h-8Z"
   }, null, -1);
   const _hoisted_3$p = [
     _hoisted_2$p
@@ -43907,7 +44241,7 @@ img.ProseMirror-separator {
   function render$p(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$p, _hoisted_3$p);
   }
-  const MdiFormatStrikethrough = { name: "mdi-format-strikethrough", render: render$p };
+  const MdiFormatItalic = { name: "mdi-format-italic", render: render$p };
   const _hoisted_1$o = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -43915,7 +44249,7 @@ img.ProseMirror-separator {
   };
   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"
+    d: "M3 14h18v-2H3m2-8v3h5v3h4V7h5V4m-9 15h4v-3h-4v3Z"
   }, null, -1);
   const _hoisted_3$o = [
     _hoisted_2$o
@@ -43923,7 +44257,7 @@ img.ProseMirror-separator {
   function render$o(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$o, _hoisted_3$o);
   }
-  const MdiFormatHeaderPound = { name: "mdi-format-header-pound", render: render$o };
+  const MdiFormatStrikethrough = { name: "mdi-format-strikethrough", render: render$o };
   const _hoisted_1$n = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -43931,7 +44265,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$n = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M13 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4h-2v6H9V4h4m0 6a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2v4h2Z"
+    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$n
@@ -43939,7 +44273,7 @@ img.ProseMirror-separator {
   function render$n(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$n, _hoisted_3$n);
   }
-  const MdiFormatParagraph = { name: "mdi-format-paragraph", render: render$n };
+  const MdiFormatHeaderPound = { name: "mdi-format-header-pound", render: render$n };
   const _hoisted_1$m = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -44123,7 +44457,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$b = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 4v4h6V8H5m8 0v4h6V8h-6m-8 6v4h6v-4H5m8 0v4h6v-4h-6Z"
+    d: "M18 14h2v3h3v2h-3v3h-2v-3h-3v-2h3v-3M4 3h14a2 2 0 0 1 2 2v7.08a6.01 6.01 0 0 0-4.32.92H12v4h1.08c-.11.68-.11 1.35 0 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m0 4v4h6V7H4m8 0v4h6V7h-6m-8 6v4h6v-4H4Z"
   }, null, -1);
   const _hoisted_3$b = [
     _hoisted_2$b
@@ -44131,7 +44465,7 @@ img.ProseMirror-separator {
   function render$b(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, _hoisted_3$b);
   }
-  const MdiTable = { name: "mdi-table", render: render$b };
+  const MdiTablePlus = { name: "mdi-table-plus", render: render$b };
   const _hoisted_1$a = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -44139,7 +44473,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$a = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M18 14h2v3h3v2h-3v3h-2v-3h-3v-2h3v-3M4 3h14a2 2 0 0 1 2 2v7.08a6.01 6.01 0 0 0-4.32.92H12v4h1.08c-.11.68-.11 1.35 0 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m0 4v4h6V7H4m8 0v4h6V7h-6m-8 6v4h6v-4H4Z"
+    d: "M13 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h9V2h-9m7 8v4h-7v-4h7m0 6v4h-7v-4h7m0-12v4h-7V4h7M9 11H6V8H4v3H1v2h3v3h2v-3h3v-2Z"
   }, null, -1);
   const _hoisted_3$a = [
     _hoisted_2$a
@@ -44147,7 +44481,7 @@ img.ProseMirror-separator {
   function render$a(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, _hoisted_3$a);
   }
-  const MdiTablePlus = { name: "mdi-table-plus", render: render$a };
+  const MdiTableColumnPlusBefore = { name: "mdi-table-column-plus-before", render: render$a };
   const _hoisted_1$9 = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -44155,7 +44489,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$9 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M13 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h9V2h-9m7 8v4h-7v-4h7m0 6v4h-7v-4h7m0-12v4h-7V4h7M9 11H6V8H4v3H1v2h3v3h2v-3h3v-2Z"
+    d: "M11 2a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H2V2h9m-7 8v4h7v-4H4m0 6v4h7v-4H4M4 4v4h7V4H4m11 7h3V8h2v3h3v2h-3v3h-2v-3h-3v-2Z"
   }, null, -1);
   const _hoisted_3$9 = [
     _hoisted_2$9
@@ -44163,7 +44497,7 @@ img.ProseMirror-separator {
   function render$9(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$9, _hoisted_3$9);
   }
-  const MdiTableColumnPlusBefore = { name: "mdi-table-column-plus-before", render: render$9 };
+  const MdiTableColumnPlusAfter = { name: "mdi-table-column-plus-after", render: render$9 };
   const _hoisted_1$8 = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -44171,7 +44505,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$8 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M11 2a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H2V2h9m-7 8v4h7v-4H4m0 6v4h7v-4H4M4 4v4h7V4H4m11 7h3V8h2v3h3v2h-3v3h-2v-3h-3v-2Z"
+    d: "M22 10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3h2v2h4V3h2v2h4V3h2v2h4V3h2v7M4 10h4V7H4v3m6 0h4V7h-4v3m10 0V7h-4v3h4m-9 4h2v3h3v2h-3v3h-2v-3H8v-2h3v-3Z"
   }, null, -1);
   const _hoisted_3$8 = [
     _hoisted_2$8
@@ -44179,7 +44513,7 @@ img.ProseMirror-separator {
   function render$8(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, _hoisted_3$8);
   }
-  const MdiTableColumnPlusAfter = { name: "mdi-table-column-plus-after", render: render$8 };
+  const MdiTableRowPlusAfter = { name: "mdi-table-row-plus-after", render: render$8 };
   const _hoisted_1$7 = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -44187,7 +44521,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$7 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M22 10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3h2v2h4V3h2v2h4V3h2v2h4V3h2v7M4 10h4V7H4v3m6 0h4V7h-4v3m10 0V7h-4v3h4m-9 4h2v3h3v2h-3v3h-2v-3H8v-2h3v-3Z"
+    d: "M22 14a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7h2v-2h4v2h2v-2h4v2h2v-2h4v2h2v-7M4 14h4v3H4v-3m6 0h4v3h-4v-3m10 0v3h-4v-3h4m-9-4h2V7h3V5h-3V2h-2v3H8v2h3v3Z"
   }, null, -1);
   const _hoisted_3$7 = [
     _hoisted_2$7
@@ -44195,7 +44529,7 @@ img.ProseMirror-separator {
   function render$7(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
   }
-  const MdiTableRowPlusAfter = { name: "mdi-table-row-plus-after", render: render$7 };
+  const MdiTableRowPlusBefore = { name: "mdi-table-row-plus-before", render: render$7 };
   const _hoisted_1$6 = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -44203,7 +44537,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$6 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M22 14a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7h2v-2h4v2h2v-2h4v2h2v-2h4v2h2v-7M4 14h4v3H4v-3m6 0h4v3h-4v-3m10 0v3h-4v-3h4m-9-4h2V7h3V5h-3V2h-2v3H8v2h3v3Z"
+    d: "M4 2h7a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m0 8v4h7v-4H4m0 6v4h7v-4H4M4 4v4h7V4H4m13.59 8L15 9.41L16.41 8L19 10.59L21.59 8L23 9.41L20.41 12L23 14.59L21.59 16L19 13.41L16.41 16L15 14.59L17.59 12Z"
   }, null, -1);
   const _hoisted_3$6 = [
     _hoisted_2$6
@@ -44211,7 +44545,7 @@ img.ProseMirror-separator {
   function render$6(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$6, _hoisted_3$6);
   }
-  const MdiTableRowPlusBefore = { name: "mdi-table-row-plus-before", render: render$6 };
+  const MdiTableColumnRemove = { name: "mdi-table-column-remove", render: render$6 };
   const _hoisted_1$5 = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -44219,7 +44553,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$5 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M4 2h7a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m0 8v4h7v-4H4m0 6v4h7v-4H4M4 4v4h7V4H4m13.59 8L15 9.41L16.41 8L19 10.59L21.59 8L23 9.41L20.41 12L23 14.59L21.59 16L19 13.41L16.41 16L15 14.59L17.59 12Z"
+    d: "M9.41 13L12 15.59L14.59 13L16 14.41L13.41 17L16 19.59L14.59 21L12 18.41L9.41 21L8 19.59L10.59 17L8 14.41L9.41 13M22 9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v3M4 9h4V6H4v3m6 0h4V6h-4v3m6 0h4V6h-4v3Z"
   }, null, -1);
   const _hoisted_3$5 = [
     _hoisted_2$5
@@ -44227,7 +44561,7 @@ img.ProseMirror-separator {
   function render$5(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
   }
-  const MdiTableColumnRemove = { name: "mdi-table-column-remove", render: render$5 };
+  const MdiTableRowRemove = { name: "mdi-table-row-remove", render: render$5 };
   const _hoisted_1$4 = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -44235,7 +44569,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$4 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M9.41 13L12 15.59L14.59 13L16 14.41L13.41 17L16 19.59L14.59 21L12 18.41L9.41 21L8 19.59L10.59 17L8 14.41L9.41 13M22 9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v3M4 9h4V6H4v3m6 0h4V6h-4v3m6 0h4V6h-4v3Z"
+    d: "m15.46 15.88l1.42-1.42L19 16.59l2.12-2.13l1.42 1.42L20.41 18l2.13 2.12l-1.42 1.42L19 19.41l-2.12 2.13l-1.42-1.42L17.59 18l-2.13-2.12M4 3h14a2 2 0 0 1 2 2v7.08a6.01 6.01 0 0 0-4.32.92H12v4h1.08c-.11.68-.11 1.35 0 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m0 4v4h6V7H4m8 0v4h6V7h-6m-8 6v4h6v-4H4Z"
   }, null, -1);
   const _hoisted_3$4 = [
     _hoisted_2$4
@@ -44243,7 +44577,7 @@ img.ProseMirror-separator {
   function render$4(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
   }
-  const MdiTableRowRemove = { name: "mdi-table-row-remove", render: render$4 };
+  const MdiTableRemove = { name: "mdi-table-remove", render: render$4 };
   const _hoisted_1$3 = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -44251,7 +44585,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$3 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "m15.46 15.88l1.42-1.42L19 16.59l2.12-2.13l1.42 1.42L20.41 18l2.13 2.12l-1.42 1.42L19 19.41l-2.12 2.13l-1.42-1.42L17.59 18l-2.13-2.12M4 3h14a2 2 0 0 1 2 2v7.08a6.01 6.01 0 0 0-4.32.92H12v4h1.08c-.11.68-.11 1.35 0 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m0 4v4h6V7H4m8 0v4h6V7h-6m-8 6v4h6v-4H4Z"
+    d: "M1 6v13a2 2 0 0 0 2 2h6V11h12V6a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2m2 0h4v3H3m4 10H3v-3h4m0-2H3v-3h4m2-2V6h4v3m6 0h-4V6h4m-2 10a1 1 0 1 1-1 1a1 1 0 0 1 1-1m0-3a6.45 6.45 0 0 1 6 4a6.5 6.5 0 0 1-12 0a6.45 6.45 0 0 1 6-4m0 1.5a2.5 2.5 0 1 0 2.5 2.5a2.5 2.5 0 0 0-2.5-2.5"
   }, null, -1);
   const _hoisted_3$3 = [
     _hoisted_2$3
@@ -44259,7 +44593,7 @@ img.ProseMirror-separator {
   function render$3(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
   }
-  const MdiTableRemove = { name: "mdi-table-remove", render: render$3 };
+  const MdiTableHeadersEye = { name: "mdi-table-headers-eye", render: render$3 };
   const _hoisted_1$2 = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -44267,7 +44601,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$2 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M1 6v13a2 2 0 0 0 2 2h6V11h12V6a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2m2 0h4v3H3m4 10H3v-3h4m0-2H3v-3h4m2-2V6h4v3m6 0h-4V6h4m-2 10a1 1 0 1 1-1 1a1 1 0 0 1 1-1m0-3a6.45 6.45 0 0 1 6 4a6.5 6.5 0 0 1-12 0a6.45 6.45 0 0 1 6-4m0 1.5a2.5 2.5 0 1 0 2.5 2.5a2.5 2.5 0 0 0-2.5-2.5"
+    d: "M5 10H3V4h8v2H5v4m14 8h-6v2h8v-6h-2v4M5 18v-4H3v6h8v-2H5M21 4h-8v2h6v4h2V4M8 13v2l3-3l-3-3v2H3v2h5m8-2V9l-3 3l3 3v-2h5v-2h-5Z"
   }, null, -1);
   const _hoisted_3$2 = [
     _hoisted_2$2
@@ -44275,7 +44609,7 @@ img.ProseMirror-separator {
   function render$2(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
   }
-  const MdiTableHeadersEye = { name: "mdi-table-headers-eye", render: render$2 };
+  const MdiTableMergeCells = { name: "mdi-table-merge-cells", render: render$2 };
   const _hoisted_1$1 = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -44283,7 +44617,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2$1 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M5 10H3V4h8v2H5v4m14 8h-6v2h8v-6h-2v4M5 18v-4H3v6h8v-2H5M21 4h-8v2h6v4h2V4M8 13v2l3-3l-3-3v2H3v2h5m8-2V9l-3 3l3 3v-2h5v-2h-5Z"
+    d: "M19 14h2v6H3v-6h2v4h14v-4M3 4v6h2V6h14v4h2V4H3m8 7v2H8v2l-3-3l3-3v2h3m5 0V9l3 3l-3 3v-2h-3v-2h3Z"
   }, null, -1);
   const _hoisted_3$1 = [
     _hoisted_2$1
@@ -44291,7 +44625,7 @@ img.ProseMirror-separator {
   function render$1(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
   }
-  const MdiTableMergeCells = { name: "mdi-table-merge-cells", render: render$1 };
+  const MdiTableSplitCell = { name: "mdi-table-split-cell", render: render$1 };
   const _hoisted_1 = {
     viewBox: "0 0 24 24",
     width: "1.2em",
@@ -44299,7 +44633,7 @@ img.ProseMirror-separator {
   };
   const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M19 14h2v6H3v-6h2v4h14v-4M3 4v6h2V6h14v4h2V4H3m8 7v2H8v2l-3-3l3-3v2h3m5 0V9l3 3l-3 3v-2h-3v-2h3Z"
+    d: "m4 17l2.75-2.75l-.03-.02c-.58-.59-.58-1.54 0-2.12l4.74-4.74l4.24 4.24l-4.74 4.74c-.57.58-1.5.58-2.09.02l-.63.63H4M15.91 2.91c.59-.58 1.54-.58 2.12 0l2.13 2.12c.58.59.58 1.54 0 2.13l-3.3 3.29l-4.24-4.24l3.29-3.3Z"
   }, null, -1);
   const _hoisted_3 = [
     _hoisted_2
@@ -44307,12 +44641,12 @@ img.ProseMirror-separator {
   function render(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
   }
-  const MdiTableSplitCell = { name: "mdi-table-split-cell", render };
+  const MdiFormatColorHighlight = { name: "mdi-format-color-highlight", render };
   function UndoMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiUndoVariant,
-      title: "Undo",
+      icon: vue.markRaw(MdiUndoVariant),
+      title: "\u64A4\u9500",
       action: () => editor.chain().undo().run(),
       isActive: () => false
     };
@@ -44320,8 +44654,8 @@ img.ProseMirror-separator {
   function RedoMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiRedoVariant,
-      title: "Redo",
+      icon: vue.markRaw(MdiRedoVariant),
+      title: "\u6062\u590D",
       action: () => editor.chain().redo().run(),
       isActive: () => false
     };
@@ -44329,8 +44663,8 @@ img.ProseMirror-separator {
   function BoldMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiFormatBold,
-      title: "Bold",
+      icon: vue.markRaw(MdiFormatBold),
+      title: "\u7C97\u4F53",
       action: () => editor.chain().focus().toggleBold().run(),
       isActive: () => editor.isActive("bold")
     };
@@ -44338,8 +44672,8 @@ img.ProseMirror-separator {
   function ItalicMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiFormatItalic,
-      title: "Italic",
+      icon: vue.markRaw(MdiFormatItalic),
+      title: "\u659C\u4F53",
       action: () => editor.chain().focus().toggleItalic().run(),
       isActive: () => editor.isActive("italic")
     };
@@ -44347,8 +44681,8 @@ img.ProseMirror-separator {
   function UnderlineMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiFormatUnderline,
-      title: "Underline",
+      icon: vue.markRaw(MdiFormatUnderline),
+      title: "\u4E0B\u5212\u7EBF",
       action: () => editor.chain().focus().toggleUnderline().run(),
       isActive: () => editor.isActive("underline")
     };
@@ -44356,8 +44690,8 @@ img.ProseMirror-separator {
   function StrikeMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiFormatStrikethrough,
-      title: "Strikethrough",
+      icon: vue.markRaw(MdiFormatStrikethrough),
+      title: "\u5220\u9664\u7EBF",
       action: () => editor.chain().focus().toggleStrike().run(),
       isActive: () => editor.isActive("strike")
     };
@@ -44365,8 +44699,8 @@ img.ProseMirror-separator {
   function QuoteMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiFormatQuoteOpen,
-      title: "Quote",
+      icon: vue.markRaw(MdiFormatQuoteOpen),
+      title: "\u5F15\u7528",
       action: () => editor.chain().focus().toggleBlockquote().run(),
       isActive: () => editor.isActive("blockquote")
     };
@@ -44374,8 +44708,8 @@ img.ProseMirror-separator {
   function CodeMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiCodeTags,
-      title: "Code",
+      icon: vue.markRaw(MdiCodeTags),
+      title: "\u884C\u5185\u4EE3\u7801",
       action: () => editor.chain().focus().toggleCode().run(),
       isActive: () => editor.isActive("code")
     };
@@ -44383,8 +44717,8 @@ img.ProseMirror-separator {
   function SuperScriptMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiFormatSuperscript,
-      title: "Superscript",
+      icon: vue.markRaw(MdiFormatSuperscript),
+      title: "\u4E0A\u89D2\u6807",
       action: () => editor.chain().focus().toggleSuperscript().run(),
       isActive: () => editor.isActive("superscript")
     };
@@ -44392,8 +44726,8 @@ img.ProseMirror-separator {
   function SubScriptMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiFormatSubscript,
-      title: "Subscript",
+      icon: vue.markRaw(MdiFormatSubscript),
+      title: "\u4E0B\u89D2\u6807",
       action: () => editor.chain().focus().toggleSubscript().run(),
       isActive: () => editor.isActive("subscript")
     };
@@ -44401,8 +44735,8 @@ img.ProseMirror-separator {
   function CodeBlockMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiCodeBracesBox,
-      title: "Code Block",
+      icon: vue.markRaw(MdiCodeBracesBox),
+      title: "\u4EE3\u7801\u5757",
       action: () => editor.chain().focus().toggleCodeBlock().run(),
       isActive: () => editor.isActive("codeBlock")
     };
@@ -44410,55 +44744,55 @@ img.ProseMirror-separator {
   function HeadingMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiFormatHeaderPound,
-      title: "\u666E\u901A\u6587\u672C",
+      icon: vue.markRaw(MdiFormatHeaderPound),
+      title: "\u6587\u672C\u7C7B\u578B",
       isActive: () => editor.isActive("heading") || editor.isActive("paragraph"),
       children: [
         {
           type: "button",
-          icon: MdiFormatParagraph,
+          icon: vue.markRaw(MdiFormatParagraph),
           title: "\u666E\u901A\u6587\u672C",
           action: () => editor.chain().focus().setParagraph().run(),
           isActive: () => editor.isActive("paragraph")
         },
         {
           type: "button",
-          icon: MdiFormatHeader1,
+          icon: vue.markRaw(MdiFormatHeader1),
           title: "\u6807\u9898 1",
           action: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
           isActive: () => editor.isActive("heading", { level: 1 })
         },
         {
           type: "button",
-          icon: MdiFormatHeader2,
+          icon: vue.markRaw(MdiFormatHeader2),
           title: "\u6807\u9898 2",
           action: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
           isActive: () => editor.isActive("heading", { level: 2 })
         },
         {
           type: "button",
-          icon: MdiFormatHeader3,
+          icon: vue.markRaw(MdiFormatHeader3),
           title: "\u6807\u9898 3",
           action: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
           isActive: () => editor.isActive("heading", { level: 3 })
         },
         {
           type: "button",
-          icon: MdiFormatHeader4,
+          icon: vue.markRaw(MdiFormatHeader4),
           title: "\u6807\u9898 4",
           action: () => editor.chain().focus().toggleHeading({ level: 4 }).run(),
           isActive: () => editor.isActive("heading", { level: 4 })
         },
         {
           type: "button",
-          icon: MdiFormatHeader5,
+          icon: vue.markRaw(MdiFormatHeader5),
           title: "\u6807\u9898 5",
           action: () => editor.chain().focus().toggleHeading({ level: 5 }).run(),
           isActive: () => editor.isActive("heading", { level: 5 })
         },
         {
           type: "button",
-          icon: MdiFormatHeader6,
+          icon: vue.markRaw(MdiFormatHeader6),
           title: "\u6807\u9898 6",
           action: () => editor.chain().focus().toggleHeading({ level: 6 }).run(),
           isActive: () => editor.isActive("heading", { level: 6 })
@@ -44469,8 +44803,8 @@ img.ProseMirror-separator {
   function AlignLeftMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiFormatAlignLeft,
-      title: "Align Left",
+      icon: vue.markRaw(MdiFormatAlignLeft),
+      title: "\u5DE6\u5BF9\u9F50",
       action: () => editor.chain().focus().setTextAlign("left").run(),
       isActive: () => editor.isActive({ textAlign: "left" })
     };
@@ -44478,8 +44812,8 @@ img.ProseMirror-separator {
   function AlignCenterMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiFormatAlignCenter,
-      title: "Align Center",
+      icon: vue.markRaw(MdiFormatAlignCenter),
+      title: "\u5C45\u4E2D",
       action: () => editor.chain().focus().setTextAlign("center").run(),
       isActive: () => editor.isActive({ textAlign: "center" })
     };
@@ -44487,8 +44821,8 @@ img.ProseMirror-separator {
   function AlignRightMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiFormatAlignRight,
-      title: "Align Right",
+      icon: vue.markRaw(MdiFormatAlignRight),
+      title: "\u53F3\u5BF9\u9F50",
       action: () => editor.chain().focus().setTextAlign("right").run(),
       isActive: () => editor.isActive({ textAlign: "right" })
     };
@@ -44496,8 +44830,8 @@ img.ProseMirror-separator {
   function AlignJustifyMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiFormatAlignJustify,
-      title: "Align Justify",
+      icon: vue.markRaw(MdiFormatAlignJustify),
+      title: "\u4E24\u7AEF\u5BF9\u9F50",
       action: () => editor.chain().focus().setTextAlign("justify").run(),
       isActive: () => editor.isActive({ textAlign: "justify" })
     };
@@ -44505,90 +44839,90 @@ img.ProseMirror-separator {
   function TableMenuItem(editor) {
     return {
       type: "button",
-      icon: MdiTable,
+      icon: vue.markRaw(MdiTable),
       title: "\u8868\u683C",
       isActive: () => editor.isActive("heading"),
       children: [
         {
           type: "button",
-          icon: MdiTablePlus,
+          icon: vue.markRaw(MdiTablePlus),
           title: "\u63D2\u5165\u8868\u683C",
           action: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
           isActive: () => false
         },
         {
           type: "button",
-          icon: MdiTableColumnPlusBefore,
+          icon: vue.markRaw(MdiTableColumnPlusBefore),
           title: "\u5411\u524D\u63D2\u5165\u5217",
           action: () => editor.chain().focus().addColumnBefore().run(),
           isActive: () => false
         },
         {
           type: "button",
-          icon: MdiTableColumnPlusAfter,
+          icon: vue.markRaw(MdiTableColumnPlusAfter),
           title: "\u5411\u540E\u63D2\u5165\u5217",
           action: () => editor.chain().focus().addColumnAfter().run(),
           isActive: () => false
         },
         {
           type: "button",
-          icon: MdiTableHeadersEye,
+          icon: vue.markRaw(MdiTableHeadersEye),
           title: "\u663E\u793A/\u9690\u85CF\u5217\u8868\u5934",
           action: () => editor.chain().focus().toggleHeaderColumn().run(),
           isActive: () => false
         },
         {
           type: "button",
-          icon: MdiTableColumnRemove,
+          icon: vue.markRaw(MdiTableColumnRemove),
           title: "\u5220\u9664\u5F53\u524D\u5217",
           action: () => editor.chain().focus().deleteColumn().run(),
           isActive: () => false
         },
         {
           type: "button",
-          icon: MdiTableRowPlusBefore,
+          icon: vue.markRaw(MdiTableRowPlusBefore),
           title: "\u5411\u4E0A\u63D2\u5165\u884C",
           action: () => editor.chain().focus().addRowBefore().run(),
           isActive: () => false
         },
         {
           type: "button",
-          icon: MdiTableRowPlusAfter,
+          icon: vue.markRaw(MdiTableRowPlusAfter),
           title: "\u5411\u4E0B\u63D2\u5165\u884C",
           action: () => editor.chain().focus().addRowAfter().run(),
           isActive: () => false
         },
         {
           type: "button",
-          icon: MdiTableHeadersEye,
+          icon: vue.markRaw(MdiTableHeadersEye),
           title: "\u663E\u793A/\u9690\u85CF\u884C\u8868\u5934",
           action: () => editor.chain().focus().toggleHeaderRow().run(),
           isActive: () => false
         },
         {
           type: "button",
-          icon: MdiTableRowRemove,
+          icon: vue.markRaw(MdiTableRowRemove),
           title: "\u5220\u9664\u5F53\u524D\u884C",
           action: () => editor.chain().focus().deleteRow().run(),
           isActive: () => false
         },
         {
           type: "button",
-          icon: MdiTableMergeCells,
+          icon: vue.markRaw(MdiTableMergeCells),
           title: "\u5408\u5E76\u5355\u5143\u683C",
           action: () => editor.chain().focus().mergeCells().run(),
           isActive: () => false
         },
         {
           type: "button",
-          icon: MdiTableSplitCell,
+          icon: vue.markRaw(MdiTableSplitCell),
           title: "\u5206\u5272\u5355\u5143\u683C",
           action: () => editor.chain().focus().splitCell().run(),
           isActive: () => false
         },
         {
           type: "button",
-          icon: MdiTableRemove,
+          icon: vue.markRaw(MdiTableRemove),
           title: "\u5220\u9664\u8868\u683C",
           action: () => editor.chain().focus().deleteTable().run(),
           isActive: () => false
@@ -44596,6 +44930,47 @@ img.ProseMirror-separator {
       ]
     };
   }
+  function BulletListMenuItem(editor) {
+    return {
+      type: "button",
+      icon: vue.markRaw(MdiFormatListBulleted),
+      title: "\u65E0\u5E8F\u5217\u8868",
+      action: () => editor.chain().focus().toggleBulletList().run(),
+      isActive: () => editor.isActive("bulletList")
+    };
+  }
+  function OrderedListMenuItem(editor) {
+    return {
+      type: "button",
+      icon: vue.markRaw(MdiFormatListNumbered),
+      title: "\u6709\u5E8F\u5217\u8868",
+      action: () => editor.chain().focus().toggleOrderedList().run(),
+      isActive: () => editor.isActive("orderedList")
+    };
+  }
+  function TaskListMenuItem(editor) {
+    return {
+      type: "button",
+      icon: vue.markRaw(MdiFormatListCheckbox),
+      title: "\u4EFB\u52A1\u5217\u8868",
+      action: () => editor.chain().focus().toggleTaskList().run(),
+      isActive: () => editor.isActive("taskList")
+    };
+  }
+  function HighlightMenuItem(editor) {
+    return {
+      type: "button",
+      icon: vue.markRaw(MdiFormatColorHighlight),
+      title: "\u9AD8\u4EAE",
+      action: () => editor.chain().focus().toggleHighlight().run(),
+      isActive: () => editor.isActive("highlight")
+    };
+  }
+  function Separator() {
+    return {
+      type: "separator"
+    };
+  }
   const plugin = {
     install(app) {
       app.component("RichTextEditor", _sfc_main$4);
@@ -44607,8 +44982,10 @@ img.ProseMirror-separator {
   exports.AlignRightMenuItem = AlignRightMenuItem;
   exports.BoldMenuItem = BoldMenuItem;
   exports.BubbleMenu = BubbleMenu;
+  exports.BulletListMenuItem = BulletListMenuItem;
   exports.CodeBlockMenuItem = CodeBlockMenuItem;
   exports.CodeMenuItem = CodeMenuItem;
+  exports.CommandBulletList = CommandBulletList;
   exports.CommandCodeBlock = CommandCodeBlock;
   exports.CommandHeader1 = CommandHeader1;
   exports.CommandHeader2 = CommandHeader2;
@@ -44618,7 +44995,11 @@ img.ProseMirror-separator {
   exports.CommandHeader6 = CommandHeader6;
   exports.CommandIframe = CommandIframe;
   exports.CommandManager = CommandManager;
+  exports.CommandOrderedList = CommandOrderedList;
+  exports.CommandTable = CommandTable;
+  exports.CommandTaskList = CommandTaskList;
   exports.CommandsSuggestion = suggestion;
+  exports.CommentParagraph = CommentParagraph;
   exports.Editor = Editor;
   exports.EditorContent = EditorContent;
   exports.Extension = Extension;
@@ -44633,6 +45014,7 @@ img.ProseMirror-separator {
   exports.ExtensionGapcursor = Gapcursor;
   exports.ExtensionHardBreak = HardBreak;
   exports.ExtensionHeading = Heading;
+  exports.ExtensionHighlight = Highlight;
   exports.ExtensionHistory = History;
   exports.ExtensionHorizontalRule = HorizontalRule;
   exports.ExtensionIframe = Iframe;
@@ -44654,6 +45036,7 @@ img.ProseMirror-separator {
   exports.ExtensionUnderline = Underline;
   exports.FloatingMenu = FloatingMenu;
   exports.HeadingMenuItem = HeadingMenuItem;
+  exports.HighlightMenuItem = HighlightMenuItem;
   exports.InputRule = InputRule;
   exports.ItalicMenuItem = ItalicMenuItem;
   exports.Mark = Mark;
@@ -44661,14 +45044,17 @@ img.ProseMirror-separator {
   exports.NodeView = NodeView;
   exports.NodeViewContent = NodeViewContent;
   exports.NodeViewWrapper = NodeViewWrapper;
+  exports.OrderedListMenuItem = OrderedListMenuItem;
   exports.PasteRule = PasteRule;
   exports.QuoteMenuItem = QuoteMenuItem;
   exports.RedoMenuItem = RedoMenuItem;
   exports.RichTextEditor = _sfc_main$4;
+  exports.Separator = Separator;
   exports.StrikeMenuItem = StrikeMenuItem;
   exports.SubScriptMenuItem = SubScriptMenuItem;
   exports.SuperScriptMenuItem = SuperScriptMenuItem;
   exports.TableMenuItem = TableMenuItem;
+  exports.TaskListMenuItem = TaskListMenuItem;
   exports.Tracker = Tracker;
   exports.UnderlineMenuItem = UnderlineMenuItem;
   exports.UndoMenuItem = UndoMenuItem;