npm - @halo-dev/richtext-editor - Versions diffs - 0.0.0-alpha.14 → 0.0.0-alpha.16 - Mend

@halo-dev/richtext-editor 0.0.0-alpha.14 → 0.0.0-alpha.16

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

Files changed (9) hide show

package/dist/extensions/commands-menu/suggestion.d.ts +6 -1
package/dist/extensions/index.d.ts +2 -1
package/dist/menus/index.d.ts +6 -1
package/dist/rich-text-editor.es.js +671 -279
package/dist/rich-text-editor.es.js.map +1 -1
package/dist/rich-text-editor.iife.js +670 -278
package/dist/rich-text-editor.iife.js.map +1 -1
package/dist/style.css +11 -4
package/package.json +2 -1

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

@@ -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: {
@@ -20585,22 +20782,28 @@ img.ProseMirror-separator {
         type: Array,
         required: false,
         default: () => []
+      },
+      contentStyles: {
+        type: Object,
+        required: false,
+        default: () => ({})
       }
     },
     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,
+              style: vue.normalizeStyle(__props.contentStyles),
               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, [
+            }, null, 8, ["editor", "style"]),
+            vue.createElementVNode("div", _hoisted_3$H, [
               vue.renderSlot(_ctx.$slots, "extra")
             ])
           ])
@@ -20612,7 +20815,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 +20855,7 @@ img.ProseMirror-separator {
     addInputRules() {
       return [
         wrappingInputRule({
-          find: inputRegex$6,
+          find: inputRegex$7,
           type: this.type
         })
       ];
@@ -20731,7 +20934,7 @@ img.ProseMirror-separator {
       ];
     }
   });
-  const inputRegex$5 = /^\s*([-+*])\s$/;
+  const inputRegex$6 = /^\s*([-+*])\s$/;
   const BulletList = Node.create({
     name: "bulletList",
     addOptions() {
@@ -20767,14 +20970,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 +21017,7 @@ img.ProseMirror-separator {
     addInputRules() {
       return [
         markInputRule({
-          find: inputRegex$4,
+          find: inputRegex$5,
           type: this.type
         })
       ];
@@ -20822,7 +21025,7 @@ img.ProseMirror-separator {
     addPasteRules() {
       return [
         markPasteRule({
-          find: pasteRegex$1,
+          find: pasteRegex$2,
           type: this.type
         })
       ];
@@ -23802,7 +24005,7 @@ img.ProseMirror-separator {
       };
     }
   });
-  const inputRegex$3 = /^(\d+)\.\s$/;
+  const inputRegex$4 = /^(\d+)\.\s$/;
   const OrderedList = Node.create({
     name: "orderedList",
     addOptions() {
@@ -23851,7 +24054,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 +24093,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 +24144,7 @@ img.ProseMirror-separator {
     addInputRules() {
       return [
         markInputRule({
-          find: inputRegex$2,
+          find: inputRegex$3,
           type: this.type
         })
       ];
@@ -23949,7 +24152,7 @@ img.ProseMirror-separator {
     addPasteRules() {
       return [
         markPasteRule({
-          find: pasteRegex,
+          find: pasteRegex$1,
           type: this.type
         })
       ];
@@ -23995,7 +24198,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 +24329,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 +25569,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 +25864,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 +25942,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 +25951,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 +26030,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 +26038,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 +26046,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 +26054,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 +26062,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 +26070,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 +26078,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 +26086,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 +26094,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 +26102,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 +26110,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 +26118,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 +26126,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 +26134,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 +26142,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 +26150,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 +26242,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 +41355,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 +41387,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 +41420,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 +41452,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 +41473,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 +41818,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 +41870,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 +44191,7 @@ img.ProseMirror-separator {
     Image,
     TaskList,
     TaskItem,
+    Highlight,
     Link.configure({
       autolink: true,
       openOnClick: false
@@ -43860,22 +44216,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 +44223,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 +44231,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 +44239,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 +44247,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 +44255,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 +44263,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 +44271,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 +44279,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 +44463,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 +44471,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 +44479,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 +44487,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 +44495,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 +44503,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 +44511,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 +44519,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 +44527,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 +44535,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 +44543,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 +44551,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 +44559,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 +44567,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 +44575,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 +44583,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 +44591,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 +44599,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 +44607,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 +44615,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 +44623,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 +44631,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 +44639,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 +44647,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 +44660,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 +44669,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 +44678,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 +44687,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 +44696,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 +44705,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 +44714,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 +44723,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 +44732,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 +44741,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 +44750,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 +44809,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 +44818,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 +44827,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 +44836,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 +44845,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 +44936,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 +44988,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 +45001,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 +45020,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 +45042,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 +45050,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;