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

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, h, reactive, markRaw, getCurrentInstance, watchEffect, nextTick, unref, Teleport, shallowRef, customRef, provide, pushScopeId, popScopeId, openBlock, createBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, normalizeStyle, withKeys, createElementVNode, Fragment as Fragment$1, createCommentVNode, withCtx, createVNode, renderList, resolveDynamicComponent, toDisplayString, watch, computed, withDirectives, isRef, vModelSelect, vModelText, getCurrentScope, onScopeDispose } from "vue";
+import { defineComponent, ref, onMounted, onBeforeUnmount, h, reactive, markRaw, getCurrentInstance, watchEffect, nextTick, unref, Teleport, shallowRef, customRef, provide, pushScopeId, popScopeId, openBlock, createBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, normalizeStyle, withKeys, createElementVNode, Fragment as Fragment$1, createCommentVNode, withCtx, createVNode, createApp, mergeProps, toDisplayString, renderList, withDirectives, resolveDynamicComponent, watch, computed, isRef, vModelSelect, vModelText, getCurrentScope, onScopeDispose } from "vue";
 function OrderedMap(content) {
   this.content = content;
 }
@@ -4005,14 +4005,14 @@ class Transaction extends Transform$1 {
     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 = [
@@ -16069,7 +16069,7 @@ function getChildren(popper2) {
     })
   };
 }
-function render$B(instance) {
+function render$F(instance) {
   var popper2 = div();
   var box = div();
   box.className = BOX_CLASS;
@@ -16124,7 +16124,7 @@ function render$B(instance) {
     onUpdate
   };
 }
-render$B.$$tippy = true;
+render$F.$$tippy = true;
 var idCounter = 1;
 var mouseMoveListeners = [];
 var mountedInstances = [];
@@ -16897,7 +16897,7 @@ Object.assign({}, applyStyles$1, {
   }
 });
 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) {
@@ -20120,10 +20120,10 @@ const _hoisted_1$2$1 = {
   tabindex: "-1"
 };
 popScopeId();
-const render$A = /* @__PURE__ */ _withId((_ctx, _cache, $props, $setup, $data, $options) => {
+const render$E = /* @__PURE__ */ _withId((_ctx, _cache, $props, $setup, $data, $options) => {
   return openBlock(), 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") => ({
@@ -20170,10 +20170,10 @@ const _hoisted_2$1$1 = {
   ref: "inner",
   class: "v-popper__inner"
 };
-const _hoisted_3$F = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
+const _hoisted_3$J = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
 const _hoisted_4$2 = /* @__PURE__ */ 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) {
@@ -20233,7 +20233,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           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);
 }
@@ -20351,7 +20351,7 @@ defineComponent(__spreadProps(__spreadValues$1({}, PrivatePopperWrapper), {
   name: "VTooltip",
   vPopperTheme: "tooltip"
 }));
-defineComponent({
+const _sfc_main$7 = defineComponent({
   name: "VTooltipDirective",
   components: {
     Popper: PrivatePopper(),
@@ -20442,11 +20442,202 @@ defineComponent({
     }
   }
 });
+const _hoisted_1$L = ["innerHTML"];
+const _hoisted_2$K = ["textContent"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_PopperContent = resolveComponent("PopperContent");
+  const _component_Popper = resolveComponent("Popper");
+  return openBlock(), createBlock(_component_Popper, mergeProps({ ref: "popper" }, _ctx.$attrs, {
+    theme: _ctx.theme,
+    "popper-node": () => _ctx.$refs.popperContent.$el,
+    onApplyShow: _ctx.onShow,
+    onApplyHide: _ctx.onHide
+  }), {
+    default: withCtx(({
+      popperId,
+      isShown,
+      shouldMountContent,
+      skipTransition,
+      autoHide,
+      hide: hide2,
+      handleResize,
+      onResize,
+      classes,
+      result
+    }) => [
+      createVNode(_component_PopperContent, {
+        ref: "popperContent",
+        class: 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: withCtx(() => [
+          _ctx.html ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            innerHTML: _ctx.finalContent
+          }, null, 8, _hoisted_1$L)) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            textContent: 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 = ref([]);
+  directiveApp = createApp({
+    name: "VTooltipDirectiveApp",
+    setup() {
+      return {
+        directives
+      };
+    },
+    render() {
+      return this.directives.map((directive) => {
+        return 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 = ref(getOptions(el, value, modifiers2));
+  const shown = 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__ */ 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__ */ defineComponent({
   __name: "EditorHeader",
   props: {
@@ -20458,54 +20649,58 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$G, [
+      return openBlock(), createElementBlock("div", _hoisted_1$K, [
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.menuItems, (menuItem, index2) => {
           var _a2, _b;
           return openBlock(), createElementBlock("div", {
             key: index2,
             class: "inline-flex items-center justify-center"
           }, [
-            !((_a2 = menuItem.children) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              class: normalizeClass([{ "bg-gray-200": (_b = menuItem.isActive) == null ? void 0 : _b.call(menuItem) }, "hover:bg-gray-100 p-1 rounded-sm"]),
-              onClick: menuItem.action
-            }, [
-              (openBlock(), createBlock(resolveDynamicComponent(menuItem.icon)))
-            ], 10, _hoisted_2$F)) : (openBlock(), createBlock(unref(Menu), {
-              key: 1,
-              class: "inline-flex"
-            }, {
-              popper: withCtx(() => [
-                createElementVNode("div", _hoisted_3$E, [
-                  (openBlock(true), createElementBlock(Fragment$1, null, renderList(menuItem.children, (child, childIndex) => {
-                    var _a3, _b2, _c;
-                    return openBlock(), createElementBlock("div", {
-                      key: childIndex,
-                      class: 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" ? (openBlock(), createElementBlock("div", _hoisted_2$J, _hoisted_4$1)) : (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
+              !((_a2 = menuItem.children) == null ? void 0 : _a2.length) ? withDirectives((openBlock(), createElementBlock("button", {
+                key: 0,
+                class: normalizeClass([{ "bg-gray-200": (_b = menuItem.isActive) == null ? void 0 : _b.call(menuItem) }, "hover:bg-gray-100 p-1 rounded-sm"]),
+                onClick: menuItem.action
+              }, [
+                (openBlock(), createBlock(resolveDynamicComponent(menuItem.icon)))
+              ], 10, _hoisted_5$1)), [
+                [unref(VTooltip), menuItem.title]
+              ]) : (openBlock(), createBlock(unref(Menu), {
+                key: 1,
+                class: "inline-flex"
+              }, {
+                popper: withCtx(() => [
+                  createElementVNode("div", _hoisted_6$1, [
+                    (openBlock(true), createElementBlock(Fragment$1, null, renderList(menuItem.children, (child, childIndex) => {
+                      var _a3, _b2, _c;
+                      return openBlock(), createElementBlock("div", {
+                        key: childIndex,
+                        class: 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
+                      }, [
+                        (openBlock(), createBlock(resolveDynamicComponent(child.icon), {
+                          class: 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"])),
+                        createElementVNode("span", {
+                          class: 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) }])
+                        }, toDisplayString(child.title), 3)
+                      ], 10, _hoisted_7);
+                    }), 128))
+                  ])
+                ]),
+                default: withCtx(() => {
+                  var _a3;
+                  return [
+                    createElementVNode("button", {
+                      class: normalizeClass([{ "bg-gray-200": (_a3 = menuItem.isActive) == null ? void 0 : _a3.call(menuItem) }, "hover:bg-gray-100 p-1 rounded-sm"])
                     }, [
-                      (openBlock(), createBlock(resolveDynamicComponent(child.icon), {
-                        class: 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"])),
-                      createElementVNode("span", {
-                        class: 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) }])
-                      }, toDisplayString(child.title), 3)
-                    ], 10, _hoisted_4$1);
-                  }), 128))
-                ])
-              ]),
-              default: withCtx(() => {
-                var _a3;
-                return [
-                  createElementVNode("button", {
-                    class: normalizeClass([{ "bg-gray-200": (_a3 = menuItem.isActive) == null ? void 0 : _a3.call(menuItem) }, "hover:bg-gray-100 p-1 rounded-sm"])
-                  }, [
-                    (openBlock(), createBlock(resolveDynamicComponent(menuItem.icon)))
-                  ], 2)
-                ];
-              }),
-              _: 2
-            }, 1024))
+                      (openBlock(), createBlock(resolveDynamicComponent(menuItem.icon)))
+                    ], 2)
+                  ];
+                }),
+                _: 2
+              }, 1024))
+            ], 64))
           ]);
         }), 128))
       ]);
@@ -20513,8 +20708,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 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__ */ defineComponent({
   __name: "EditorBubbleMenu",
   props: {
@@ -20535,7 +20730,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         "tippy-options": { duration: 100, arrow: unref(ROUND_ARROW), maxWidth: "100%" }
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$F, [
+          createElementVNode("div", _hoisted_1$J, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.menuItems, (menuItem, index2) => {
               var _a2;
               return openBlock(), createElementBlock("button", {
@@ -20547,8 +20742,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   return (_a3 = menuItem.action) == null ? void 0 : _a3.call(menuItem);
                 }
               }, [
-                (openBlock(), createBlock(resolveDynamicComponent(menuItem.icon)))
-              ], 10, _hoisted_2$E);
+                withDirectives((openBlock(), createBlock(resolveDynamicComponent(menuItem.icon), null, null, 512)), [
+                  [unref(VTooltip), menuItem.title]
+                ])
+              ], 10, _hoisted_2$I);
             }), 128))
           ])
         ]),
@@ -20557,12 +20754,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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__ */ defineComponent({
   __name: "Editor",
   props: {
@@ -20584,22 +20781,28 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       type: Array,
       required: false,
       default: () => []
+    },
+    contentStyles: {
+      type: Object,
+      required: false,
+      default: () => ({})
     }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return __props.editor ? (openBlock(), createElementBlock("div", _hoisted_1$E, [
+      return __props.editor ? (openBlock(), createElementBlock("div", _hoisted_1$I, [
         createVNode(_sfc_main$5, {
           editor: __props.editor,
           "menu-items": __props.bubbleMenuItems
         }, null, 8, ["editor", "menu-items"]),
         createVNode(_sfc_main$6, { "menu-items": __props.toolbarMenuItems }, null, 8, ["menu-items"]),
-        createElementVNode("div", _hoisted_2$D, [
+        createElementVNode("div", _hoisted_2$H, [
           createVNode(unref(EditorContent), {
             editor: __props.editor,
+            style: 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"]),
-          createElementVNode("div", _hoisted_3$D, [
+          }, null, 8, ["editor", "style"]),
+          createElementVNode("div", _hoisted_3$H, [
             renderSlot(_ctx.$slots, "extra")
           ])
         ])
@@ -20611,7 +20814,7 @@ const index = "";
 const tailwind = "";
 const style = "";
 const githubDark = "";
-const inputRegex$6 = /^\s*>\s$/;
+const inputRegex$7 = /^\s*>\s$/;
 const Blockquote = Node.create({
   name: "blockquote",
   addOptions() {
@@ -20651,7 +20854,7 @@ const Blockquote = Node.create({
   addInputRules() {
     return [
       wrappingInputRule({
-        find: inputRegex$6,
+        find: inputRegex$7,
         type: this.type
       })
     ];
@@ -20730,7 +20933,7 @@ const Bold = Mark.create({
     ];
   }
 });
-const inputRegex$5 = /^\s*([-+*])\s$/;
+const inputRegex$6 = /^\s*([-+*])\s$/;
 const BulletList = Node.create({
   name: "bulletList",
   addOptions() {
@@ -20766,14 +20969,14 @@ const BulletList = Node.create({
   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() {
@@ -20813,7 +21016,7 @@ const Code = Mark.create({
   addInputRules() {
     return [
       markInputRule({
-        find: inputRegex$4,
+        find: inputRegex$5,
         type: this.type
       })
     ];
@@ -20821,7 +21024,7 @@ const Code = Mark.create({
   addPasteRules() {
     return [
       markPasteRule({
-        find: pasteRegex$1,
+        find: pasteRegex$2,
         type: this.type
       })
     ];
@@ -23801,7 +24004,7 @@ const ListItem = Node.create({
     };
   }
 });
-const inputRegex$3 = /^(\d+)\.\s$/;
+const inputRegex$4 = /^(\d+)\.\s$/;
 const OrderedList = Node.create({
   name: "orderedList",
   addOptions() {
@@ -23850,7 +24053,7 @@ const OrderedList = Node.create({
   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]
@@ -23889,8 +24092,8 @@ const Paragraph = Node.create({
     };
   }
 });
-const inputRegex$2 = /(?:^|\s)((?:~~)((?:[^~]+))(?:~~))$/;
-const pasteRegex = /(?:^|\s)((?:~~)((?:[^~]+))(?:~~))/g;
+const inputRegex$3 = /(?:^|\s)((?:~~)((?:[^~]+))(?:~~))$/;
+const pasteRegex$1 = /(?:^|\s)((?:~~)((?:[^~]+))(?:~~))/g;
 const Strike = Mark.create({
   name: "strike",
   addOptions() {
@@ -23940,7 +24143,7 @@ const Strike = Mark.create({
   addInputRules() {
     return [
       markInputRule({
-        find: inputRegex$2,
+        find: inputRegex$3,
         type: this.type
       })
     ];
@@ -23948,7 +24151,7 @@ const Strike = Mark.create({
   addPasteRules() {
     return [
       markPasteRule({
-        find: pasteRegex,
+        find: pasteRegex$1,
         type: this.type
       })
     ];
@@ -23994,7 +24197,7 @@ const TaskList = Node.create({
     };
   }
 });
-const inputRegex$1 = /^\s*(\[([( |x])?\])\s$/;
+const inputRegex$2 = /^\s*(\[([( |x])?\])\s$/;
 const TaskItem = Node.create({
   name: "taskItem",
   addOptions() {
@@ -24125,7 +24328,7 @@ const TaskItem = Node.create({
   addInputRules() {
     return [
       wrappingInputRule({
-        find: inputRegex$1,
+        find: inputRegex$2,
         type: this.type,
         getAttributes: (match) => ({
           checked: match[match.length - 1] === "x"
@@ -25365,6 +25568,81 @@ const Placeholder = Extension.create({
     ];
   }
 });
+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;
@@ -25585,9 +25863,9 @@ const ExtensionCommands = Extension.create({
     ];
   }
 });
-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"
@@ -25663,7 +25941,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       onKeyDown
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$H, [
         __props.items.length ? (openBlock(true), createElementBlock(Fragment$1, { key: 0 }, renderList(__props.items, (item, index2) => {
           return openBlock(), createElementBlock("div", {
             id: `command-item-${index2}`,
@@ -25672,14 +25950,78 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             onClick: ($event) => handleSelectItem(index2)
           }, [
             (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "command-icon group-hover:!bg-white" })),
-            createElementVNode("span", _hoisted_3$C, toDisplayString(item.title), 1)
-          ], 10, _hoisted_2$C);
+            createElementVNode("span", _hoisted_3$G, toDisplayString(item.title), 1)
+          ], 10, _hoisted_2$G);
         }), 128)) : (openBlock(), 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__ */ 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 openBlock(), 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__ */ 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 openBlock(), 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__ */ 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 openBlock(), 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__ */ 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 openBlock(), 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",
@@ -25687,7 +26029,7 @@ const _hoisted_1$C = {
 };
 const _hoisted_2$B = /* @__PURE__ */ 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
@@ -25695,7 +26037,7 @@ const _hoisted_3$B = [
 function render$z(_ctx, _cache) {
   return openBlock(), 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",
@@ -25703,7 +26045,7 @@ const _hoisted_1$B = {
 };
 const _hoisted_2$A = /* @__PURE__ */ 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
@@ -25711,7 +26053,7 @@ const _hoisted_3$A = [
 function render$y(_ctx, _cache) {
   return openBlock(), 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",
@@ -25719,7 +26061,7 @@ const _hoisted_1$A = {
 };
 const _hoisted_2$z = /* @__PURE__ */ 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
@@ -25727,7 +26069,7 @@ const _hoisted_3$z = [
 function render$x(_ctx, _cache) {
   return openBlock(), 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",
@@ -25735,7 +26077,7 @@ const _hoisted_1$z = {
 };
 const _hoisted_2$y = /* @__PURE__ */ 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
@@ -25743,7 +26085,7 @@ const _hoisted_3$y = [
 function render$w(_ctx, _cache) {
   return openBlock(), 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",
@@ -25751,7 +26093,7 @@ const _hoisted_1$y = {
 };
 const _hoisted_2$x = /* @__PURE__ */ 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
@@ -25759,7 +26101,7 @@ const _hoisted_3$x = [
 function render$v(_ctx, _cache) {
   return openBlock(), 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",
@@ -25767,7 +26109,7 @@ const _hoisted_1$x = {
 };
 const _hoisted_2$w = /* @__PURE__ */ 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
@@ -25775,7 +26117,7 @@ const _hoisted_3$w = [
 function render$u(_ctx, _cache) {
   return openBlock(), 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",
@@ -25783,7 +26125,7 @@ const _hoisted_1$w = {
 };
 const _hoisted_2$v = /* @__PURE__ */ 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
@@ -25791,7 +26133,7 @@ const _hoisted_3$v = [
 function render$t(_ctx, _cache) {
   return openBlock(), 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",
@@ -25799,7 +26141,7 @@ const _hoisted_1$v = {
 };
 const _hoisted_2$u = /* @__PURE__ */ 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
@@ -25807,7 +26149,31 @@ const _hoisted_3$u = [
 function render$s(_ctx, _cache) {
   return openBlock(), 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__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$t);
+}
+const MdiWeb = { name: "mdi-web", render: render$r };
+const CommentParagraph = {
+  icon: 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: markRaw(MdiFormatHeader1),
   title: "\u4E00\u7EA7\u6807\u9898",
@@ -25875,65 +26241,54 @@ const CommandIframe = {
     ]).run();
   }
 };
+const CommandTable = {
+  icon: 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: markRaw(MdiFormatListBulleted),
+  title: "\u65E0\u5E8F\u5217\u8868",
+  keywords: ["bulletlist", "wuxuliebiao"],
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).toggleBulletList().run();
+  }
+};
+const CommandOrderedList = {
+  icon: markRaw(MdiFormatListNumbered),
+  title: "\u6709\u5E8F\u5217\u8868",
+  keywords: ["orderedlist", "youxuliebiao"],
+  command: ({ editor, range }) => {
+    editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+  }
+};
+const CommandTaskList = {
+  icon: 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: 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: 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: 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: 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: 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: 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: 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)
@@ -40999,9 +41354,9 @@ lowlight$1.registerLanguage("wasm", wasm);
 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__ */ 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__ */ createElementVNode("option", { value: null }, "auto", -1);
+const _hoisted_3$s = ["value"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "CodeBlockViewRenderer",
   props: {
@@ -41031,18 +41386,18 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NodeViewWrapper), { class: "code-block divide-gray-100 bg-gray-100 overflow-hidden rounded-md my-3" }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$u, [
+          createElementVNode("div", _hoisted_1$t, [
             withDirectives(createElementVNode("select", {
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => 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,
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(languages), (language, index2) => {
                 return openBlock(), createElementBlock("option", {
                   key: index2,
                   value: language
-                }, toDisplayString(language), 9, _hoisted_3$t);
+                }, toDisplayString(language), 9, _hoisted_3$s);
               }), 128))
             ], 512), [
               [vModelSelect, unref(selectedLanguage)]
@@ -41064,9 +41419,9 @@ const ExtensionCodeBlock = CodeBlockLowlight.extend({
     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__ */ defineComponent({
   __name: "IframeView",
   props: {
@@ -41096,8 +41451,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         class: "divide-gray-100 bg-gray-100 overflow-hidden rounded-md w-full my-3"
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$t, [
-            createElementVNode("div", _hoisted_2$s, [
+          createElementVNode("div", _hoisted_1$s, [
+            createElementVNode("div", _hoisted_2$r, [
               withDirectives(createElementVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => 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",
@@ -41117,7 +41472,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               frameborder: "no",
               framespacing: "0",
               allowfullscreen: "true"
-            }, null, 8, _hoisted_3$s)) : createCommentVNode("", true)
+            }, null, 8, _hoisted_3$r)) : createCommentVNode("", true)
           ])
         ]),
         _: 1
@@ -41462,7 +41817,7 @@ const _TransitionPresets = {
 __spreadValues({
   linear: identity
 }, _TransitionPresets);
-const _hoisted_1$s = ["src", "title", "alt"];
+const _hoisted_1$r = ["src", "title", "alt"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ImageView",
   props: {
@@ -41514,7 +41869,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               title: __props.node.attrs.title,
               alt: unref(alt),
               class: "w-full h-full"
-            }, null, 8, _hoisted_1$s)
+            }, null, 8, _hoisted_1$r)
           ], 6)
         ]),
         _: 1
@@ -43835,6 +44190,7 @@ const allExtensions = [
   Image,
   TaskList,
   TaskItem,
+  Highlight,
   Link.configure({
     autolink: true,
     openOnClick: false
@@ -43859,22 +44215,6 @@ const allExtensions = [
   }),
   Iframe
 ];
-const _hoisted_1$r = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$r = /* @__PURE__ */ 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 openBlock(), 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",
@@ -43882,7 +44222,7 @@ const _hoisted_1$q = {
 };
 const _hoisted_2$q = /* @__PURE__ */ 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
@@ -43890,7 +44230,7 @@ const _hoisted_3$q = [
 function render$q(_ctx, _cache) {
   return openBlock(), 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",
@@ -43898,7 +44238,7 @@ const _hoisted_1$p = {
 };
 const _hoisted_2$p = /* @__PURE__ */ 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
@@ -43906,7 +44246,7 @@ const _hoisted_3$p = [
 function render$p(_ctx, _cache) {
   return openBlock(), 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",
@@ -43914,7 +44254,7 @@ const _hoisted_1$o = {
 };
 const _hoisted_2$o = /* @__PURE__ */ 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
@@ -43922,7 +44262,7 @@ const _hoisted_3$o = [
 function render$o(_ctx, _cache) {
   return openBlock(), 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",
@@ -43930,7 +44270,7 @@ const _hoisted_1$n = {
 };
 const _hoisted_2$n = /* @__PURE__ */ 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
@@ -43938,7 +44278,7 @@ const _hoisted_3$n = [
 function render$n(_ctx, _cache) {
   return openBlock(), 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",
@@ -44122,7 +44462,7 @@ const _hoisted_1$b = {
 };
 const _hoisted_2$b = /* @__PURE__ */ 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
@@ -44130,7 +44470,7 @@ const _hoisted_3$b = [
 function render$b(_ctx, _cache) {
   return openBlock(), 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",
@@ -44138,7 +44478,7 @@ const _hoisted_1$a = {
 };
 const _hoisted_2$a = /* @__PURE__ */ 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
@@ -44146,7 +44486,7 @@ const _hoisted_3$a = [
 function render$a(_ctx, _cache) {
   return openBlock(), 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",
@@ -44154,7 +44494,7 @@ const _hoisted_1$9 = {
 };
 const _hoisted_2$9 = /* @__PURE__ */ 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
@@ -44162,7 +44502,7 @@ const _hoisted_3$9 = [
 function render$9(_ctx, _cache) {
   return openBlock(), 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",
@@ -44170,7 +44510,7 @@ const _hoisted_1$8 = {
 };
 const _hoisted_2$8 = /* @__PURE__ */ 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
@@ -44178,7 +44518,7 @@ const _hoisted_3$8 = [
 function render$8(_ctx, _cache) {
   return openBlock(), 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",
@@ -44186,7 +44526,7 @@ const _hoisted_1$7 = {
 };
 const _hoisted_2$7 = /* @__PURE__ */ 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
@@ -44194,7 +44534,7 @@ const _hoisted_3$7 = [
 function render$7(_ctx, _cache) {
   return openBlock(), 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",
@@ -44202,7 +44542,7 @@ const _hoisted_1$6 = {
 };
 const _hoisted_2$6 = /* @__PURE__ */ 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
@@ -44210,7 +44550,7 @@ const _hoisted_3$6 = [
 function render$6(_ctx, _cache) {
   return openBlock(), 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",
@@ -44218,7 +44558,7 @@ const _hoisted_1$5 = {
 };
 const _hoisted_2$5 = /* @__PURE__ */ 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
@@ -44226,7 +44566,7 @@ const _hoisted_3$5 = [
 function render$5(_ctx, _cache) {
   return openBlock(), 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",
@@ -44234,7 +44574,7 @@ const _hoisted_1$4 = {
 };
 const _hoisted_2$4 = /* @__PURE__ */ 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
@@ -44242,7 +44582,7 @@ const _hoisted_3$4 = [
 function render$4(_ctx, _cache) {
   return openBlock(), 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",
@@ -44250,7 +44590,7 @@ const _hoisted_1$3 = {
 };
 const _hoisted_2$3 = /* @__PURE__ */ 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
@@ -44258,7 +44598,7 @@ const _hoisted_3$3 = [
 function render$3(_ctx, _cache) {
   return openBlock(), 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",
@@ -44266,7 +44606,7 @@ const _hoisted_1$2 = {
 };
 const _hoisted_2$2 = /* @__PURE__ */ 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
@@ -44274,7 +44614,7 @@ const _hoisted_3$2 = [
 function render$2(_ctx, _cache) {
   return openBlock(), 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",
@@ -44282,7 +44622,7 @@ const _hoisted_1$1 = {
 };
 const _hoisted_2$1 = /* @__PURE__ */ 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
@@ -44290,7 +44630,7 @@ const _hoisted_3$1 = [
 function render$1(_ctx, _cache) {
   return openBlock(), 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",
@@ -44298,7 +44638,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = /* @__PURE__ */ 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
@@ -44306,12 +44646,12 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), 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: markRaw(MdiUndoVariant),
+    title: "\u64A4\u9500",
     action: () => editor.chain().undo().run(),
     isActive: () => false
   };
@@ -44319,8 +44659,8 @@ function UndoMenuItem(editor) {
 function RedoMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiRedoVariant,
-    title: "Redo",
+    icon: markRaw(MdiRedoVariant),
+    title: "\u6062\u590D",
     action: () => editor.chain().redo().run(),
     isActive: () => false
   };
@@ -44328,8 +44668,8 @@ function RedoMenuItem(editor) {
 function BoldMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiFormatBold,
-    title: "Bold",
+    icon: markRaw(MdiFormatBold),
+    title: "\u7C97\u4F53",
     action: () => editor.chain().focus().toggleBold().run(),
     isActive: () => editor.isActive("bold")
   };
@@ -44337,8 +44677,8 @@ function BoldMenuItem(editor) {
 function ItalicMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiFormatItalic,
-    title: "Italic",
+    icon: markRaw(MdiFormatItalic),
+    title: "\u659C\u4F53",
     action: () => editor.chain().focus().toggleItalic().run(),
     isActive: () => editor.isActive("italic")
   };
@@ -44346,8 +44686,8 @@ function ItalicMenuItem(editor) {
 function UnderlineMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiFormatUnderline,
-    title: "Underline",
+    icon: markRaw(MdiFormatUnderline),
+    title: "\u4E0B\u5212\u7EBF",
     action: () => editor.chain().focus().toggleUnderline().run(),
     isActive: () => editor.isActive("underline")
   };
@@ -44355,8 +44695,8 @@ function UnderlineMenuItem(editor) {
 function StrikeMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiFormatStrikethrough,
-    title: "Strikethrough",
+    icon: markRaw(MdiFormatStrikethrough),
+    title: "\u5220\u9664\u7EBF",
     action: () => editor.chain().focus().toggleStrike().run(),
     isActive: () => editor.isActive("strike")
   };
@@ -44364,8 +44704,8 @@ function StrikeMenuItem(editor) {
 function QuoteMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiFormatQuoteOpen,
-    title: "Quote",
+    icon: markRaw(MdiFormatQuoteOpen),
+    title: "\u5F15\u7528",
     action: () => editor.chain().focus().toggleBlockquote().run(),
     isActive: () => editor.isActive("blockquote")
   };
@@ -44373,8 +44713,8 @@ function QuoteMenuItem(editor) {
 function CodeMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiCodeTags,
-    title: "Code",
+    icon: markRaw(MdiCodeTags),
+    title: "\u884C\u5185\u4EE3\u7801",
     action: () => editor.chain().focus().toggleCode().run(),
     isActive: () => editor.isActive("code")
   };
@@ -44382,8 +44722,8 @@ function CodeMenuItem(editor) {
 function SuperScriptMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiFormatSuperscript,
-    title: "Superscript",
+    icon: markRaw(MdiFormatSuperscript),
+    title: "\u4E0A\u89D2\u6807",
     action: () => editor.chain().focus().toggleSuperscript().run(),
     isActive: () => editor.isActive("superscript")
   };
@@ -44391,8 +44731,8 @@ function SuperScriptMenuItem(editor) {
 function SubScriptMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiFormatSubscript,
-    title: "Subscript",
+    icon: markRaw(MdiFormatSubscript),
+    title: "\u4E0B\u89D2\u6807",
     action: () => editor.chain().focus().toggleSubscript().run(),
     isActive: () => editor.isActive("subscript")
   };
@@ -44400,8 +44740,8 @@ function SubScriptMenuItem(editor) {
 function CodeBlockMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiCodeBracesBox,
-    title: "Code Block",
+    icon: markRaw(MdiCodeBracesBox),
+    title: "\u4EE3\u7801\u5757",
     action: () => editor.chain().focus().toggleCodeBlock().run(),
     isActive: () => editor.isActive("codeBlock")
   };
@@ -44409,55 +44749,55 @@ function CodeBlockMenuItem(editor) {
 function HeadingMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiFormatHeaderPound,
-    title: "\u666E\u901A\u6587\u672C",
+    icon: markRaw(MdiFormatHeaderPound),
+    title: "\u6587\u672C\u7C7B\u578B",
     isActive: () => editor.isActive("heading") || editor.isActive("paragraph"),
     children: [
       {
         type: "button",
-        icon: MdiFormatParagraph,
+        icon: markRaw(MdiFormatParagraph),
         title: "\u666E\u901A\u6587\u672C",
         action: () => editor.chain().focus().setParagraph().run(),
         isActive: () => editor.isActive("paragraph")
       },
       {
         type: "button",
-        icon: MdiFormatHeader1,
+        icon: 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: 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: 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: 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: 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: markRaw(MdiFormatHeader6),
         title: "\u6807\u9898 6",
         action: () => editor.chain().focus().toggleHeading({ level: 6 }).run(),
         isActive: () => editor.isActive("heading", { level: 6 })
@@ -44468,8 +44808,8 @@ function HeadingMenuItem(editor) {
 function AlignLeftMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiFormatAlignLeft,
-    title: "Align Left",
+    icon: markRaw(MdiFormatAlignLeft),
+    title: "\u5DE6\u5BF9\u9F50",
     action: () => editor.chain().focus().setTextAlign("left").run(),
     isActive: () => editor.isActive({ textAlign: "left" })
   };
@@ -44477,8 +44817,8 @@ function AlignLeftMenuItem(editor) {
 function AlignCenterMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiFormatAlignCenter,
-    title: "Align Center",
+    icon: markRaw(MdiFormatAlignCenter),
+    title: "\u5C45\u4E2D",
     action: () => editor.chain().focus().setTextAlign("center").run(),
     isActive: () => editor.isActive({ textAlign: "center" })
   };
@@ -44486,8 +44826,8 @@ function AlignCenterMenuItem(editor) {
 function AlignRightMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiFormatAlignRight,
-    title: "Align Right",
+    icon: markRaw(MdiFormatAlignRight),
+    title: "\u53F3\u5BF9\u9F50",
     action: () => editor.chain().focus().setTextAlign("right").run(),
     isActive: () => editor.isActive({ textAlign: "right" })
   };
@@ -44495,8 +44835,8 @@ function AlignRightMenuItem(editor) {
 function AlignJustifyMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiFormatAlignJustify,
-    title: "Align Justify",
+    icon: markRaw(MdiFormatAlignJustify),
+    title: "\u4E24\u7AEF\u5BF9\u9F50",
     action: () => editor.chain().focus().setTextAlign("justify").run(),
     isActive: () => editor.isActive({ textAlign: "justify" })
   };
@@ -44504,90 +44844,90 @@ function AlignJustifyMenuItem(editor) {
 function TableMenuItem(editor) {
   return {
     type: "button",
-    icon: MdiTable,
+    icon: markRaw(MdiTable),
     title: "\u8868\u683C",
     isActive: () => editor.isActive("heading"),
     children: [
       {
         type: "button",
-        icon: MdiTablePlus,
+        icon: 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: markRaw(MdiTableColumnPlusBefore),
         title: "\u5411\u524D\u63D2\u5165\u5217",
         action: () => editor.chain().focus().addColumnBefore().run(),
         isActive: () => false
       },
       {
         type: "button",
-        icon: MdiTableColumnPlusAfter,
+        icon: markRaw(MdiTableColumnPlusAfter),
         title: "\u5411\u540E\u63D2\u5165\u5217",
         action: () => editor.chain().focus().addColumnAfter().run(),
         isActive: () => false
       },
       {
         type: "button",
-        icon: MdiTableHeadersEye,
+        icon: markRaw(MdiTableHeadersEye),
         title: "\u663E\u793A/\u9690\u85CF\u5217\u8868\u5934",
         action: () => editor.chain().focus().toggleHeaderColumn().run(),
         isActive: () => false
       },
       {
         type: "button",
-        icon: MdiTableColumnRemove,
+        icon: markRaw(MdiTableColumnRemove),
         title: "\u5220\u9664\u5F53\u524D\u5217",
         action: () => editor.chain().focus().deleteColumn().run(),
         isActive: () => false
       },
       {
         type: "button",
-        icon: MdiTableRowPlusBefore,
+        icon: markRaw(MdiTableRowPlusBefore),
         title: "\u5411\u4E0A\u63D2\u5165\u884C",
         action: () => editor.chain().focus().addRowBefore().run(),
         isActive: () => false
       },
       {
         type: "button",
-        icon: MdiTableRowPlusAfter,
+        icon: markRaw(MdiTableRowPlusAfter),
         title: "\u5411\u4E0B\u63D2\u5165\u884C",
         action: () => editor.chain().focus().addRowAfter().run(),
         isActive: () => false
       },
       {
         type: "button",
-        icon: MdiTableHeadersEye,
+        icon: markRaw(MdiTableHeadersEye),
         title: "\u663E\u793A/\u9690\u85CF\u884C\u8868\u5934",
         action: () => editor.chain().focus().toggleHeaderRow().run(),
         isActive: () => false
       },
       {
         type: "button",
-        icon: MdiTableRowRemove,
+        icon: markRaw(MdiTableRowRemove),
         title: "\u5220\u9664\u5F53\u524D\u884C",
         action: () => editor.chain().focus().deleteRow().run(),
         isActive: () => false
       },
       {
         type: "button",
-        icon: MdiTableMergeCells,
+        icon: markRaw(MdiTableMergeCells),
         title: "\u5408\u5E76\u5355\u5143\u683C",
         action: () => editor.chain().focus().mergeCells().run(),
         isActive: () => false
       },
       {
         type: "button",
-        icon: MdiTableSplitCell,
+        icon: markRaw(MdiTableSplitCell),
         title: "\u5206\u5272\u5355\u5143\u683C",
         action: () => editor.chain().focus().splitCell().run(),
         isActive: () => false
       },
       {
         type: "button",
-        icon: MdiTableRemove,
+        icon: markRaw(MdiTableRemove),
         title: "\u5220\u9664\u8868\u683C",
         action: () => editor.chain().focus().deleteTable().run(),
         isActive: () => false
@@ -44595,6 +44935,47 @@ function TableMenuItem(editor) {
     ]
   };
 }
+function BulletListMenuItem(editor) {
+  return {
+    type: "button",
+    icon: markRaw(MdiFormatListBulleted),
+    title: "\u65E0\u5E8F\u5217\u8868",
+    action: () => editor.chain().focus().toggleBulletList().run(),
+    isActive: () => editor.isActive("bulletList")
+  };
+}
+function OrderedListMenuItem(editor) {
+  return {
+    type: "button",
+    icon: markRaw(MdiFormatListNumbered),
+    title: "\u6709\u5E8F\u5217\u8868",
+    action: () => editor.chain().focus().toggleOrderedList().run(),
+    isActive: () => editor.isActive("orderedList")
+  };
+}
+function TaskListMenuItem(editor) {
+  return {
+    type: "button",
+    icon: markRaw(MdiFormatListCheckbox),
+    title: "\u4EFB\u52A1\u5217\u8868",
+    action: () => editor.chain().focus().toggleTaskList().run(),
+    isActive: () => editor.isActive("taskList")
+  };
+}
+function HighlightMenuItem(editor) {
+  return {
+    type: "button",
+    icon: 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 @@ export {
   AlignRightMenuItem,
   BoldMenuItem,
   BubbleMenu,
+  BulletListMenuItem,
   CodeBlockMenuItem,
   CodeMenuItem,
+  CommandBulletList,
   CommandCodeBlock,
   CommandHeader1,
   CommandHeader2,
@@ -44618,7 +45001,11 @@ export {
   CommandHeader6,
   CommandIframe,
   CommandManager,
+  CommandOrderedList,
+  CommandTable,
+  CommandTaskList,
   suggestion as CommandsSuggestion,
+  CommentParagraph,
   Editor,
   EditorContent,
   Extension,
@@ -44633,6 +45020,7 @@ export {
   Gapcursor as ExtensionGapcursor,
   HardBreak as ExtensionHardBreak,
   Heading as ExtensionHeading,
+  Highlight as ExtensionHighlight,
   History as ExtensionHistory,
   HorizontalRule as ExtensionHorizontalRule,
   Iframe as ExtensionIframe,
@@ -44654,6 +45042,7 @@ export {
   Underline as ExtensionUnderline,
   FloatingMenu,
   HeadingMenuItem,
+  HighlightMenuItem,
   InputRule,
   ItalicMenuItem,
   Mark,
@@ -44661,14 +45050,17 @@ export {
   NodeView,
   NodeViewContent,
   NodeViewWrapper,
+  OrderedListMenuItem,
   PasteRule,
   QuoteMenuItem,
   RedoMenuItem,
   _sfc_main$4 as RichTextEditor,
+  Separator,
   StrikeMenuItem,
   SubScriptMenuItem,
   SuperScriptMenuItem,
   TableMenuItem,
+  TaskListMenuItem,
   Tracker,
   UnderlineMenuItem,
   UndoMenuItem,