@jvs-milkdown/crepe 1.2.11 → 1.2.12

package/lib/esm/index.js

@@ -3,7 +3,7 @@ import { languages } from '@codemirror/language-data';
 import { oneDark } from '@codemirror/theme-one-dark';
 import { createSlice } from '@jvs-milkdown/kit/ctx';
 import { $ctx, $nodeSchema, $view, $remark, $markAttr, $markSchema, $command, $prose, $useKeymap, $inputRule, getMarkdown } from '@jvs-milkdown/kit/utils';
-import { defineComponent, shallowRef, ref, computed, createApp, watchEffect, watch, onUnmounted, h as h$1, Fragment, reactive, onMounted, onBeforeUnmount, nextTick } from 'vue';
+import { defineComponent, shallowRef, ref, computed, h, createApp, watchEffect, watch, onUnmounted, Fragment, reactive, onMounted, onBeforeUnmount, nextTick } from 'vue';
 import { Icon } from '@jvs-milkdown/kit/component';
 import { blockConfig, block, BlockProvider } from '@jvs-milkdown/kit/plugin/block';
 import { commandsCtx, editorViewCtx, editorCtx, EditorStatus, schemaCtx, editorViewOptionsCtx, Editor, rootCtx, defaultValueCtx } from '@jvs-milkdown/kit/core';
@@ -2481,7 +2481,7 @@ function getGroups$1(filter, config, ctx) {
   };
 }
 
-keepAlive(h$1);
+keepAlive(h);
 const Menu = defineComponent({
   props: {
     ctx: {
@@ -2827,7 +2827,7 @@ const Menu = defineComponent({
       const api = ctx.get(menuAPI.key);
       const showListMenu = (api == null ? void 0 : api.getMode()) === "list" || !(api == null ? void 0 : api.isProgrammatic()) || filter.value !== "";
       if (showListMenu) {
-        return /* @__PURE__ */ h$1("div", { ref: host, onPointerdown: (e) => e.preventDefault() }, /* @__PURE__ */ h$1("div", { class: "menu-groups", onPointermove: onPointerMove }, groupInfo.value.groups.map((group) => /* @__PURE__ */ h$1("div", { key: group.key, class: "menu-group" }, /* @__PURE__ */ h$1("h6", null, group.label), /* @__PURE__ */ h$1("ul", null, group.items.map((item) => /* @__PURE__ */ h$1(
+        return /* @__PURE__ */ h("div", { ref: host, onPointerdown: (e) => e.preventDefault() }, /* @__PURE__ */ h("div", { class: "menu-groups", onPointermove: onPointerMove }, groupInfo.value.groups.map((group) => /* @__PURE__ */ h("div", { key: group.key, class: "menu-group" }, /* @__PURE__ */ h("h6", null, group.label), /* @__PURE__ */ h("ul", null, group.items.map((item) => /* @__PURE__ */ h(
           "li",
           {
             key: item.key,
@@ -2870,9 +2870,9 @@ const Menu = defineComponent({
               runByIndex(item.index);
             }
           },
-          /* @__PURE__ */ h$1(Icon, { icon: item.icon }),
-          /* @__PURE__ */ h$1("span", { style: item.key === "table" ? { flex: 1 } : {} }, item.label),
-          item.key === "table" ? /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(Icon, { icon: item.icon }),
+          /* @__PURE__ */ h("span", { style: item.key === "table" ? { flex: 1 } : {} }, item.label),
+          item.key === "table" ? /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -2882,9 +2882,9 @@ const Menu = defineComponent({
                 transform: "rotate(-90deg)"
               }
             },
-            /* @__PURE__ */ h$1(Icon, { icon: chevronDownIcon })
+            /* @__PURE__ */ h(Icon, { icon: chevronDownIcon })
           ) : null
-        )))))), showTableMenu.value ? /* @__PURE__ */ h$1(
+        )))))), showTableMenu.value ? /* @__PURE__ */ h(
           "div",
           {
             class: "milkdown-slash-menu custom-submenu",
@@ -2907,7 +2907,7 @@ const Menu = defineComponent({
             },
             onPointerleave: handleTableLeave
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -2919,7 +2919,7 @@ const Menu = defineComponent({
             },
             i18n(ctx, "customMenu.insertTable")
           ),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -2932,7 +2932,7 @@ const Menu = defineComponent({
             Array.from({ length: 9 }).map(
               (_, r) => Array.from({ length: 9 }).map((_2, c) => {
                 const isHovered = r < tableHoverIndices.value.r && c < tableHoverIndices.value.c;
-                return /* @__PURE__ */ h$1(
+                return /* @__PURE__ */ h(
                   "div",
                   {
                     key: `cell-${r}-${c}`,
@@ -2961,7 +2961,7 @@ const Menu = defineComponent({
               })
             )
           ),
-          tableHoverIndices.value.r > 0 ? /* @__PURE__ */ h$1(
+          tableHoverIndices.value.r > 0 ? /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -2974,7 +2974,7 @@ const Menu = defineComponent({
             tableHoverIndices.value.r,
             " x ",
             tableHoverIndices.value.c
-          ) : /* @__PURE__ */ h$1(
+          ) : /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -3144,7 +3144,7 @@ const Menu = defineComponent({
       const renderGridBtn = (key) => {
         const item = findItem(key);
         if (!item) return null;
-        return /* @__PURE__ */ h$1(
+        return /* @__PURE__ */ h(
           "div",
           {
             title: item.label,
@@ -3165,11 +3165,11 @@ const Menu = defineComponent({
             },
             "data-index": item.index
           },
-          /* @__PURE__ */ h$1(Icon, { icon: item.icon })
+          /* @__PURE__ */ h(Icon, { icon: item.icon })
         );
       };
       const renderCustomRow = (iconHtml, label, hasArrow, onPointerEnter, onPointerLeave, onClick) => {
-        return /* @__PURE__ */ h$1(
+        return /* @__PURE__ */ h(
           "div",
           {
             class: "custom-menu-row",
@@ -3185,12 +3185,12 @@ const Menu = defineComponent({
               onClick == null ? void 0 : onClick();
             }
           },
-          /* @__PURE__ */ h$1("div", { class: "custom-menu-row-left" }, /* @__PURE__ */ h$1(Icon, { icon: iconHtml }), /* @__PURE__ */ h$1("span", null, label)),
-          hasArrow ? /* @__PURE__ */ h$1(Icon, { icon: chevronDownIcon }) : null
+          /* @__PURE__ */ h("div", { class: "custom-menu-row-left" }, /* @__PURE__ */ h(Icon, { icon: iconHtml }), /* @__PURE__ */ h("span", null, label)),
+          hasArrow ? /* @__PURE__ */ h(Icon, { icon: chevronDownIcon }) : null
         );
       };
       const renderSubMenuItem = (iconHtml, label, isActive, onClick, disabled = false) => {
-        return /* @__PURE__ */ h$1(
+        return /* @__PURE__ */ h(
           "div",
           {
             class: ["custom-menu-row", disabled ? "disabled" : ""],
@@ -3208,7 +3208,7 @@ const Menu = defineComponent({
               if (!disabled) onClick();
             }
           },
-          /* @__PURE__ */ h$1("div", { class: "custom-menu-row-left" }, /* @__PURE__ */ h$1(Icon, { icon: iconHtml }), /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h("div", { class: "custom-menu-row-left" }, /* @__PURE__ */ h(Icon, { icon: iconHtml }), /* @__PURE__ */ h(
             "span",
             {
               style: {
@@ -3217,18 +3217,18 @@ const Menu = defineComponent({
             },
             label
           )),
-          isActive ? /* @__PURE__ */ h$1("span", { style: { color: "var(--crepe-color-primary)" } }, /* @__PURE__ */ h$1(Icon, { icon: confirmIcon })) : null
+          isActive ? /* @__PURE__ */ h("span", { style: { color: "var(--crepe-color-primary)" } }, /* @__PURE__ */ h(Icon, { icon: confirmIcon })) : null
         );
       };
-      return /* @__PURE__ */ h$1(
+      return /* @__PURE__ */ h(
         "div",
         {
           ref: host,
           onPointerdown: (e) => e.preventDefault(),
           class: "custom-block-menu"
         },
-        !isMedia ? /* @__PURE__ */ h$1("div", { class: "custom-grid-container" }, gridRows.map((rowKeys, rIndex) => /* @__PURE__ */ h$1("div", { class: "custom-grid-row", key: "row-" + rIndex }, rowKeys.map(renderGridBtn)))) : null,
-        showAlign ? /* @__PURE__ */ h$1("div", { class: "custom-divider" }) : null,
+        !isMedia ? /* @__PURE__ */ h("div", { class: "custom-grid-container" }, gridRows.map((rowKeys, rIndex) => /* @__PURE__ */ h("div", { class: "custom-grid-row", key: "row-" + rIndex }, rowKeys.map(renderGridBtn)))) : null,
+        showAlign ? /* @__PURE__ */ h("div", { class: "custom-divider" }) : null,
         showAlign && renderCustomRow(
           alignLeftIcon,
           i18n(ctx, "customMenu.indentAndAlign"),
@@ -3236,7 +3236,7 @@ const Menu = defineComponent({
           handleIndentAlignEnter,
           handleIndentAlignLeave
         ),
-        showIndentAlignMenu.value ? /* @__PURE__ */ h$1(
+        showIndentAlignMenu.value ? /* @__PURE__ */ h(
           "div",
           {
             class: "milkdown-slash-menu custom-submenu",
@@ -3273,7 +3273,7 @@ const Menu = defineComponent({
             currentAlign === "right",
             () => setAlign("right")
           ),
-          /* @__PURE__ */ h$1("div", { class: "custom-divider" }),
+          /* @__PURE__ */ h("div", { class: "custom-divider" }),
           renderSubMenuItem(
             indentIncreaseIcon,
             i18n(ctx, "customMenu.increaseIndent"),
@@ -3295,7 +3295,7 @@ const Menu = defineComponent({
           handleColorEnter,
           handleColorLeave
         ),
-        showColorMenu.value ? /* @__PURE__ */ h$1(
+        showColorMenu.value ? /* @__PURE__ */ h(
           "div",
           {
             class: "milkdown-slash-menu custom-submenu",
@@ -3319,7 +3319,7 @@ const Menu = defineComponent({
             },
             onPointerleave: handleColorLeave
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -3330,7 +3330,7 @@ const Menu = defineComponent({
             },
             i18n(ctx, "customMenu.textColor")
           ),
-          /* @__PURE__ */ h$1("div", { style: { display: "flex", gap: "4px", flexWrap: "wrap" } }, [
+          /* @__PURE__ */ h("div", { style: { display: "flex", gap: "4px", flexWrap: "wrap" } }, [
             "#000000",
             "#8C8C8C",
             "#F5222D",
@@ -3339,7 +3339,7 @@ const Menu = defineComponent({
             "#52C41A",
             "#1677FF",
             "#722ED1"
-          ].map((color) => /* @__PURE__ */ h$1(
+          ].map((color) => /* @__PURE__ */ h(
             "div",
             {
               key: color,
@@ -3369,7 +3369,7 @@ const Menu = defineComponent({
             },
             "A"
           ))),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -3381,7 +3381,7 @@ const Menu = defineComponent({
             },
             i18n(ctx, "customMenu.bgColor")
           ),
-          /* @__PURE__ */ h$1("div", { style: { display: "flex", gap: "4px", flexWrap: "wrap" } }, [
+          /* @__PURE__ */ h("div", { style: { display: "flex", gap: "4px", flexWrap: "wrap" } }, [
             "transparent",
             "#F5F5F5",
             "#FFCCC7",
@@ -3390,7 +3390,7 @@ const Menu = defineComponent({
             "#D9F7BE",
             "#D6E4FF",
             "#EFDBFF"
-          ].map((color) => /* @__PURE__ */ h$1(
+          ].map((color) => /* @__PURE__ */ h(
             "div",
             {
               key: color,
@@ -3414,7 +3414,7 @@ const Menu = defineComponent({
                 overflow: "hidden"
               }
             },
-            color === "transparent" ? /* @__PURE__ */ h$1(
+            color === "transparent" ? /* @__PURE__ */ h(
               "div",
               {
                 style: {
@@ -3438,7 +3438,7 @@ const Menu = defineComponent({
             "#52C41A",
             "#1677FF",
             "#722ED1"
-          ].map((color) => /* @__PURE__ */ h$1(
+          ].map((color) => /* @__PURE__ */ h(
             "div",
             {
               key: color,
@@ -3461,7 +3461,7 @@ const Menu = defineComponent({
               }
             }
           ))),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "button",
             {
               onPointerdown: (e) => {
@@ -3488,7 +3488,7 @@ const Menu = defineComponent({
             i18n(ctx, "customMenu.restoreDefault")
           )
         ) : null,
-        !isMedia ? /* @__PURE__ */ h$1("div", { class: "custom-divider" }) : null,
+        !isMedia ? /* @__PURE__ */ h("div", { class: "custom-divider" }) : null,
         renderCustomRow(
           clearIcon,
           i18n(ctx, "customMenu.cut"),
@@ -3513,7 +3513,7 @@ const Menu = defineComponent({
           void 0,
           applyDelete
         ),
-        /* @__PURE__ */ h$1("div", { class: "custom-divider" }),
+        /* @__PURE__ */ h("div", { class: "custom-divider" }),
         renderCustomRow(
           plusIcon,
           i18n(ctx, "customMenu.addBelow"),
@@ -3521,7 +3521,7 @@ const Menu = defineComponent({
           handleAddBelowEnter,
           handleAddBelowLeave
         ),
-        showAddBelowMenu.value ? /* @__PURE__ */ h$1(
+        showAddBelowMenu.value ? /* @__PURE__ */ h(
           "div",
           {
             class: "milkdown-slash-menu custom-submenu",
@@ -3541,14 +3541,14 @@ const Menu = defineComponent({
             },
             onPointerleave: handleAddBelowLeave
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               class: "menu-groups",
               onPointermove: onPointerMove,
               style: { maxHeight: "300px", overflowY: "auto" }
             },
-            groupInfo.value.groups.map((group) => /* @__PURE__ */ h$1("div", { key: group.key, class: "menu-group" }, /* @__PURE__ */ h$1("h6", null, group.label), /* @__PURE__ */ h$1("ul", null, group.items.map((item) => /* @__PURE__ */ h$1(
+            groupInfo.value.groups.map((group) => /* @__PURE__ */ h("div", { key: group.key, class: "menu-group" }, /* @__PURE__ */ h("h6", null, group.label), /* @__PURE__ */ h("ul", null, group.items.map((item) => /* @__PURE__ */ h(
               "li",
               {
                 key: item.key,
@@ -3575,8 +3575,8 @@ const Menu = defineComponent({
                   runByIndexForAddBelow(item.index);
                 }
               },
-              /* @__PURE__ */ h$1(Icon, { icon: item.icon }),
-              /* @__PURE__ */ h$1("span", null, item.label)
+              /* @__PURE__ */ h(Icon, { icon: item.icon }),
+              /* @__PURE__ */ h("span", null, item.label)
             )))))
           )
         ) : null
@@ -3824,7 +3824,7 @@ function getBlockKey(node) {
   }
 }
 
-keepAlive(h$1, Fragment);
+keepAlive(h, Fragment);
 const BlockHandle = defineComponent({
   props: {
     onAdd: {
@@ -3872,7 +3872,7 @@ const BlockHandle = defineComponent({
     const addButton = ref();
     const menuButton = ref();
     return () => {
-      return /* @__PURE__ */ h$1(Fragment, null, /* @__PURE__ */ h$1(
+      return /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h(
         "div",
         {
           ref: addButton,
@@ -3898,8 +3898,8 @@ const BlockHandle = defineComponent({
             props.onAdd(addButton.value);
           }
         },
-        /* @__PURE__ */ h$1(Icon, { icon: props.addIcon })
-      ), /* @__PURE__ */ h$1(
+        /* @__PURE__ */ h(Icon, { icon: props.addIcon })
+      ), /* @__PURE__ */ h(
         "div",
         {
           ref: menuButton,
@@ -3917,14 +3917,14 @@ const BlockHandle = defineComponent({
             props.onLeaveMenu();
           }
         },
-        /* @__PURE__ */ h$1(Icon, { icon: props.state.icon })
-      ), /* @__PURE__ */ h$1("div", { class: "divider" }), /* @__PURE__ */ h$1(
+        /* @__PURE__ */ h(Icon, { icon: props.state.icon })
+      ), /* @__PURE__ */ h("div", { class: "divider" }), /* @__PURE__ */ h(
         "div",
         {
           class: "operation-item drag-item",
           title: i18n(props.ctx, "handle.drag")
         },
-        /* @__PURE__ */ h$1(Icon, { icon: dragHandleIcon })
+        /* @__PURE__ */ h(Icon, { icon: dragHandleIcon })
       ));
     };
   }
@@ -5325,7 +5325,7 @@ const activeIconMap = {
   [dividerIcon]: dividerIconActive
   // [highLineCodeIcon]: highLineCodeIconActive,
 };
-keepAlive(h$1, Fragment);
+keepAlive(h, Fragment);
 const formatPainterStates = /* @__PURE__ */ new WeakMap();
 const formatPainterHandlers = /* @__PURE__ */ new WeakMap();
 const formatPainterIgnoreNext = /* @__PURE__ */ new WeakMap();
@@ -6129,7 +6129,7 @@ const Toolbar = defineComponent({
       showFontSizeMenu.value = false;
     };
     const renderSubMenuItem = (iconHtml, label, isActive, onClick2, disabled = false) => {
-      return /* @__PURE__ */ h$1(
+      return /* @__PURE__ */ h(
         "div",
         {
           class: ["custom-menu-row", disabled ? "disabled" : ""],
@@ -6161,13 +6161,13 @@ const Toolbar = defineComponent({
             e.currentTarget.style.backgroundColor = "transparent";
           }
         },
-        /* @__PURE__ */ h$1(
+        /* @__PURE__ */ h(
           "div",
           {
             class: "custom-menu-row-left",
             style: { display: "flex", alignItems: "center", gap: "8px" }
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "span",
             {
               style: {
@@ -6179,7 +6179,7 @@ const Toolbar = defineComponent({
               innerHTML: iconHtml
             }
           ),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "span",
             {
               style: {
@@ -6190,7 +6190,7 @@ const Toolbar = defineComponent({
             label
           )
         ),
-        isActive ? /* @__PURE__ */ h$1(
+        isActive ? /* @__PURE__ */ h(
           "span",
           {
             style: {
@@ -6199,7 +6199,7 @@ const Toolbar = defineComponent({
               color: "var(--crepe-color-primary)"
             }
           },
-          /* @__PURE__ */ h$1(Icon, { icon: confirmIcon })
+          /* @__PURE__ */ h(Icon, { icon: confirmIcon })
         ) : null
       );
     };
@@ -6227,7 +6227,7 @@ const Toolbar = defineComponent({
       );
       const isSectionOverflowed = (idx) => idx >= overflowVisibleCount.value;
       const hasOverflow = overflowVisibleCount.value < totalSectionCount.value;
-      return /* @__PURE__ */ h$1(
+      return /* @__PURE__ */ h(
         "div",
         {
           ref: toolbarContainerRef,
@@ -6238,7 +6238,7 @@ const Toolbar = defineComponent({
             overflow: "hidden"
           }
         },
-        /* @__PURE__ */ h$1(
+        /* @__PURE__ */ h(
           "div",
           {
             class: "toolbar-item",
@@ -6252,22 +6252,22 @@ const Toolbar = defineComponent({
               flexShrink: 0
             }
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "span",
             {
               style: { display: "inline-flex", alignItems: "center" },
               innerHTML: activeBlockItem.value || textIcon
             }
           ),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "span",
             {
               style: { width: "20px", display: "flex", alignItems: "center" }
             },
-            /* @__PURE__ */ h$1(Icon, { icon: chevronDownIcon })
+            /* @__PURE__ */ h(Icon, { icon: chevronDownIcon })
           )
         ),
-        /* @__PURE__ */ h$1(
+        /* @__PURE__ */ h(
           "div",
           {
             style: {
@@ -6276,7 +6276,7 @@ const Toolbar = defineComponent({
               flexShrink: 0
             }
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "button",
             {
               type: "button",
@@ -6297,7 +6297,7 @@ const Toolbar = defineComponent({
                 backgroundColor: formatPainterState.value ? "var(--crepe-color-selected, var(--crepe-color-hover))" : void 0
               }
             },
-            /* @__PURE__ */ h$1(
+            /* @__PURE__ */ h(
               "span",
               {
                 style: {
@@ -6310,7 +6310,7 @@ const Toolbar = defineComponent({
             )
           )
         ),
-        /* @__PURE__ */ h$1(
+        /* @__PURE__ */ h(
           "div",
           {
             class: "divider",
@@ -6322,7 +6322,7 @@ const Toolbar = defineComponent({
             }
           }
         ),
-        /* @__PURE__ */ h$1(
+        /* @__PURE__ */ h(
           "div",
           {
             class: "toolbar-item custom-font-family-item",
@@ -6337,7 +6337,7 @@ const Toolbar = defineComponent({
               flexShrink: 0
             }
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "span",
             {
               style: {
@@ -6351,7 +6351,7 @@ const Toolbar = defineComponent({
             },
             currentFontState.value.fontFamily && currentFontState.value.fontFamily !== "mixed" ? currentFontState.value.fontFamily.split(",")[0].replace(/['"]/g, "") || (ctx ? i18n(ctx, "customMenu.fontDefault") : "\u9ED8\u8BA4") : ctx ? i18n(ctx, "customMenu.fontDefault") : "\u9ED8\u8BA4"
           ),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "span",
             {
               style: {
@@ -6361,10 +6361,10 @@ const Toolbar = defineComponent({
                 marginLeft: "4px"
               }
             },
-            /* @__PURE__ */ h$1(Icon, { icon: chevronDownIcon })
+            /* @__PURE__ */ h(Icon, { icon: chevronDownIcon })
           )
         ),
-        /* @__PURE__ */ h$1(
+        /* @__PURE__ */ h(
           "div",
           {
             class: "toolbar-item custom-font-size-item",
@@ -6379,8 +6379,8 @@ const Toolbar = defineComponent({
               flexShrink: 0
             }
           },
-          /* @__PURE__ */ h$1("span", { style: { fontSize: "13px", color: "#363B4C" } }, currentFontState.value.fontSize && currentFontState.value.fontSize !== "mixed" ? currentFontState.value.fontSize : "16px"),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h("span", { style: { fontSize: "13px", color: "#363B4C" } }, currentFontState.value.fontSize && currentFontState.value.fontSize !== "mixed" ? currentFontState.value.fontSize : "16px"),
+          /* @__PURE__ */ h(
             "span",
             {
               style: {
@@ -6390,10 +6390,10 @@ const Toolbar = defineComponent({
                 marginLeft: "4px"
               }
             },
-            /* @__PURE__ */ h$1(Icon, { icon: chevronDownIcon })
+            /* @__PURE__ */ h(Icon, { icon: chevronDownIcon })
           )
         ),
-        /* @__PURE__ */ h$1(
+        /* @__PURE__ */ h(
           "div",
           {
             class: "divider",
@@ -6405,7 +6405,7 @@ const Toolbar = defineComponent({
             }
           }
         ),
-        /* @__PURE__ */ h$1(
+        /* @__PURE__ */ h(
           "div",
           {
             class: "toolbar-item",
@@ -6419,22 +6419,22 @@ const Toolbar = defineComponent({
               flexShrink: 0
             }
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "span",
             {
               style: { display: "inline-flex", alignItems: "center" },
               innerHTML: currentAlignIndent.value.align === "center" ? alignCenterIcon : currentAlignIndent.value.align === "right" ? alignRightIcon : alignLeftIcon
             }
           ),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "span",
             {
               style: { width: "20px", display: "flex", alignItems: "center" }
             },
-            /* @__PURE__ */ h$1(Icon, { icon: chevronDownIcon })
+            /* @__PURE__ */ h(Icon, { icon: chevronDownIcon })
           )
         ),
-        /* @__PURE__ */ h$1(
+        /* @__PURE__ */ h(
           "div",
           {
             class: "toolbar-item",
@@ -6448,7 +6448,7 @@ const Toolbar = defineComponent({
               flexShrink: 0
             }
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "span",
             {
               class: "milkdown-icon",
@@ -6461,12 +6461,12 @@ const Toolbar = defineComponent({
               }
             }
           ),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "span",
             {
               style: { width: "20px", display: "flex", alignItems: "center" }
             },
-            /* @__PURE__ */ h$1(Icon, { icon: chevronDownIcon })
+            /* @__PURE__ */ h(Icon, { icon: chevronDownIcon })
           )
         ),
         (() => {
@@ -6476,7 +6476,7 @@ const Toolbar = defineComponent({
               const idx = sectionIdx;
               sectionIdx++;
               const isTable = item.icon === tableIcon;
-              return /* @__PURE__ */ h$1(
+              return /* @__PURE__ */ h(
                 "div",
                 {
                   key: item.label,
@@ -6488,7 +6488,7 @@ const Toolbar = defineComponent({
                   onMouseenter: isTable ? handleTableEnter : void 0,
                   onMouseleave: isTable ? handleTableLeave : void 0
                 },
-                /* @__PURE__ */ h$1(
+                /* @__PURE__ */ h(
                   "button",
                   {
                     type: "button",
@@ -6511,14 +6511,14 @@ const Toolbar = defineComponent({
                       justifyContent: "center"
                     }
                   },
-                  /* @__PURE__ */ h$1(
+                  /* @__PURE__ */ h(
                     "span",
                     {
                       style: { display: "inline-flex", alignItems: "center" },
                       innerHTML: ctx && checkActive(item.active) ? activeIconMap[item.icon] || item.icon : item.icon
                     }
                   ),
-                  isTable ? /* @__PURE__ */ h$1(
+                  isTable ? /* @__PURE__ */ h(
                     "span",
                     {
                       style: {
@@ -6529,7 +6529,7 @@ const Toolbar = defineComponent({
                         opacity: 0.5
                       }
                     },
-                    /* @__PURE__ */ h$1(Icon, { icon: chevronDownIcon })
+                    /* @__PURE__ */ h(Icon, { icon: chevronDownIcon })
                   ) : null
                 )
               );
@@ -6538,7 +6538,7 @@ const Toolbar = defineComponent({
             if (groupIndex < nonHeadingGroups.length - 1 && group.items.length > 0) {
               sectionIdx++;
             }
-            return /* @__PURE__ */ h$1(Fragment, { key: group.key }, items, groupIndex < nonHeadingGroups.length - 1 && group.items.length > 0 ? /* @__PURE__ */ h$1(
+            return /* @__PURE__ */ h(Fragment, { key: group.key }, items, groupIndex < nonHeadingGroups.length - 1 && group.items.length > 0 ? /* @__PURE__ */ h(
               "div",
               {
                 class: "divider",
@@ -6550,7 +6550,7 @@ const Toolbar = defineComponent({
             ) : null);
           });
         })(),
-        hasOverflow ? /* @__PURE__ */ h$1(
+        hasOverflow ? /* @__PURE__ */ h(
           "div",
           {
             "data-overflow-button": "true",
@@ -6577,7 +6577,7 @@ const Toolbar = defineComponent({
               showOverflowMenu.value = true;
             }
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "span",
             {
               style: { display: "inline-flex", alignItems: "center" },
@@ -6585,7 +6585,7 @@ const Toolbar = defineComponent({
             }
           )
         ) : null,
-        showBlockMenu.value ? /* @__PURE__ */ h$1(
+        showBlockMenu.value ? /* @__PURE__ */ h(
           "div",
           {
             class: "milkdown-slash-menu custom-submenu",
@@ -6610,7 +6610,7 @@ const Toolbar = defineComponent({
             },
             onMouseleave: handleBlockLeave
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -6667,7 +6667,7 @@ const Toolbar = defineComponent({
             );
           })
         ) : null,
-        showAlignMenu.value ? /* @__PURE__ */ h$1(
+        showAlignMenu.value ? /* @__PURE__ */ h(
           "div",
           {
             class: "milkdown-slash-menu custom-submenu",
@@ -6690,7 +6690,7 @@ const Toolbar = defineComponent({
             },
             onMouseleave: handleAlignLeave
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -6721,7 +6721,7 @@ const Toolbar = defineComponent({
             currentAlignIndent.value.align === "right",
             () => setAlign("right")
           ),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -6743,7 +6743,7 @@ const Toolbar = defineComponent({
             () => setIndent(-1),
             currentAlignIndent.value.indent <= 0
           ),
-          canMerge.value || canSplit.value ? /* @__PURE__ */ h$1(Fragment, null, /* @__PURE__ */ h$1(
+          canMerge.value || canSplit.value ? /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -6763,7 +6763,7 @@ const Toolbar = defineComponent({
             onSplitCell
           )) : null
         ) : null,
-        showColorMenu.value ? /* @__PURE__ */ h$1(
+        showColorMenu.value ? /* @__PURE__ */ h(
           "div",
           {
             class: "milkdown-slash-menu custom-submenu",
@@ -6787,7 +6787,7 @@ const Toolbar = defineComponent({
             },
             onMouseleave: handleColorLeave
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -6800,7 +6800,7 @@ const Toolbar = defineComponent({
               }
             }
           ),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -6811,7 +6811,7 @@ const Toolbar = defineComponent({
             },
             ctx ? i18n(ctx, "customMenu.textColor") : "\u5B57\u4F53\u989C\u8272"
           ),
-          /* @__PURE__ */ h$1("div", { style: { display: "flex", gap: "4px", flexWrap: "wrap" } }, [
+          /* @__PURE__ */ h("div", { style: { display: "flex", gap: "4px", flexWrap: "wrap" } }, [
             "#000000",
             "#8C8C8C",
             "#F5222D",
@@ -6820,7 +6820,7 @@ const Toolbar = defineComponent({
             "#52C41A",
             "#1677FF",
             "#722ED1"
-          ].map((color) => /* @__PURE__ */ h$1(
+          ].map((color) => /* @__PURE__ */ h(
             "div",
             {
               key: color,
@@ -6843,7 +6843,7 @@ const Toolbar = defineComponent({
             },
             "A"
           ))),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -6855,7 +6855,7 @@ const Toolbar = defineComponent({
             },
             ctx ? i18n(ctx, "customMenu.bgColor") : "\u80CC\u666F\u989C\u8272"
           ),
-          /* @__PURE__ */ h$1("div", { style: { display: "flex", gap: "4px", flexWrap: "wrap" } }, [
+          /* @__PURE__ */ h("div", { style: { display: "flex", gap: "4px", flexWrap: "wrap" } }, [
             "transparent",
             "#F5F5F5",
             "#FFCCC7",
@@ -6864,7 +6864,7 @@ const Toolbar = defineComponent({
             "#D9F7BE",
             "#D6E4FF",
             "#EFDBFF"
-          ].map((color) => /* @__PURE__ */ h$1(
+          ].map((color) => /* @__PURE__ */ h(
             "div",
             {
               key: color,
@@ -6881,7 +6881,7 @@ const Toolbar = defineComponent({
                 overflow: "hidden"
               }
             },
-            color === "transparent" ? /* @__PURE__ */ h$1(
+            color === "transparent" ? /* @__PURE__ */ h(
               "div",
               {
                 style: {
@@ -6905,7 +6905,7 @@ const Toolbar = defineComponent({
             "#52C41A",
             "#1677FF",
             "#722ED1"
-          ].map((color) => /* @__PURE__ */ h$1(
+          ].map((color) => /* @__PURE__ */ h(
             "div",
             {
               key: color,
@@ -6921,7 +6921,7 @@ const Toolbar = defineComponent({
               }
             }
           ))),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "button",
             {
               onClick: clearColor,
@@ -6940,7 +6940,7 @@ const Toolbar = defineComponent({
             ctx ? i18n(ctx, "customMenu.restoreDefault") : "\u6062\u590D\u9ED8\u8BA4"
           )
         ) : null,
-        showFontFamilyMenu.value ? /* @__PURE__ */ h$1(
+        showFontFamilyMenu.value ? /* @__PURE__ */ h(
           "div",
           {
             class: "milkdown-slash-menu custom-submenu",
@@ -6965,7 +6965,7 @@ const Toolbar = defineComponent({
             },
             onMouseleave: handleFontFamilyLeave
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -7026,7 +7026,7 @@ const Toolbar = defineComponent({
             }
           ].map((font) => {
             const supported = isFontSupported(font.value);
-            return /* @__PURE__ */ h$1(
+            return /* @__PURE__ */ h(
               "div",
               {
                 key: font.label,
@@ -7063,7 +7063,7 @@ const Toolbar = defineComponent({
                   e.currentTarget.style.backgroundColor = "transparent";
                 }
               },
-              /* @__PURE__ */ h$1(
+              /* @__PURE__ */ h(
                 "span",
                 {
                   style: {
@@ -7073,7 +7073,7 @@ const Toolbar = defineComponent({
                 },
                 font.label
               ),
-              currentFontState.value.fontFamily === font.value ? /* @__PURE__ */ h$1(
+              currentFontState.value.fontFamily === font.value ? /* @__PURE__ */ h(
                 "span",
                 {
                   style: {
@@ -7082,12 +7082,12 @@ const Toolbar = defineComponent({
                     color: "var(--crepe-color-primary)"
                   }
                 },
-                /* @__PURE__ */ h$1(Icon, { icon: confirmIcon })
+                /* @__PURE__ */ h(Icon, { icon: confirmIcon })
               ) : null
             );
           })
         ) : null,
-        showFontSizeMenu.value ? /* @__PURE__ */ h$1(
+        showFontSizeMenu.value ? /* @__PURE__ */ h(
           "div",
           {
             class: "milkdown-slash-menu custom-submenu",
@@ -7112,7 +7112,7 @@ const Toolbar = defineComponent({
             },
             onMouseleave: handleFontSizeLeave
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -7137,7 +7137,7 @@ const Toolbar = defineComponent({
             { label: "28px", value: "28px" },
             { label: "32px", value: "32px" },
             { label: "36px", value: "36px" }
-          ].map((size) => /* @__PURE__ */ h$1(
+          ].map((size) => /* @__PURE__ */ h(
             "div",
             {
               key: size.label,
@@ -7168,7 +7168,7 @@ const Toolbar = defineComponent({
                 e.currentTarget.style.backgroundColor = "transparent";
               }
             },
-            /* @__PURE__ */ h$1(
+            /* @__PURE__ */ h(
               "span",
               {
                 style: {
@@ -7178,7 +7178,7 @@ const Toolbar = defineComponent({
               },
               size.label
             ),
-            currentFontState.value.fontSize === size.value ? /* @__PURE__ */ h$1(
+            currentFontState.value.fontSize === size.value ? /* @__PURE__ */ h(
               "span",
               {
                 style: {
@@ -7187,11 +7187,11 @@ const Toolbar = defineComponent({
                   color: "var(--crepe-color-primary)"
                 }
               },
-              /* @__PURE__ */ h$1(Icon, { icon: confirmIcon })
+              /* @__PURE__ */ h(Icon, { icon: confirmIcon })
             ) : null
           ))
         ) : null,
-        showTableMenu.value ? /* @__PURE__ */ h$1(
+        showTableMenu.value ? /* @__PURE__ */ h(
           "div",
           {
             class: "milkdown-slash-menu custom-submenu",
@@ -7214,7 +7214,7 @@ const Toolbar = defineComponent({
             },
             onMouseleave: handleTableLeave
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -7227,7 +7227,7 @@ const Toolbar = defineComponent({
               }
             }
           ),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -7239,7 +7239,7 @@ const Toolbar = defineComponent({
             },
             i18n(ctx, "customMenu.insertTable")
           ),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -7252,7 +7252,7 @@ const Toolbar = defineComponent({
             Array.from({ length: 9 }).map(
               (_, r) => Array.from({ length: 9 }).map((_2, c) => {
                 const isHovered = r < tableHoverIndices.value.r && c < tableHoverIndices.value.c;
-                return /* @__PURE__ */ h$1(
+                return /* @__PURE__ */ h(
                   "div",
                   {
                     key: `cell-${r}-${c}`,
@@ -7281,7 +7281,7 @@ const Toolbar = defineComponent({
               })
             )
           ),
-          tableHoverIndices.value.r > 0 ? /* @__PURE__ */ h$1(
+          tableHoverIndices.value.r > 0 ? /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -7294,7 +7294,7 @@ const Toolbar = defineComponent({
             tableHoverIndices.value.r,
             " x ",
             tableHoverIndices.value.c
-          ) : /* @__PURE__ */ h$1(
+          ) : /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -7307,7 +7307,7 @@ const Toolbar = defineComponent({
             "0 x 0"
           )
         ) : null,
-        showOverflowMenu.value ? /* @__PURE__ */ h$1(
+        showOverflowMenu.value ? /* @__PURE__ */ h(
           "div",
           {
             class: "overflow-menu-popup",
@@ -7332,7 +7332,7 @@ const Toolbar = defineComponent({
           (() => {
             const cutoff = overflowVisibleCount.value;
             const items = [];
-            const renderIconButton = (iconHtml, title, isActive, onClick2, hasDropdown = false, onMouseEnter, onMouseLeave) => /* @__PURE__ */ h$1(
+            const renderIconButton = (iconHtml, title, isActive, onClick2, hasDropdown = false, onMouseEnter, onMouseLeave) => /* @__PURE__ */ h(
               "button",
               {
                 type: "button",
@@ -7355,14 +7355,14 @@ const Toolbar = defineComponent({
                   justifyContent: "center"
                 }
               },
-              /* @__PURE__ */ h$1(
+              /* @__PURE__ */ h(
                 "span",
                 {
                   style: { display: "inline-flex", alignItems: "center" },
                   innerHTML: iconHtml
                 }
               ),
-              hasDropdown ? /* @__PURE__ */ h$1(
+              hasDropdown ? /* @__PURE__ */ h(
                 "span",
                 {
                   style: {
@@ -7372,7 +7372,7 @@ const Toolbar = defineComponent({
                     opacity: 0.5
                   }
                 },
-                /* @__PURE__ */ h$1(Icon, { icon: chevronDownIcon })
+                /* @__PURE__ */ h(Icon, { icon: chevronDownIcon })
               ) : null
             );
             if (0 >= cutoff) {
@@ -8152,7 +8152,7 @@ const labelStyle = {
   color: "var(--crepe-color-on-surface, #333)"
 };
 function renderGroup(ctx, group) {
-  return /* @__PURE__ */ h$1("div", { style: { marginBottom: "16px" }, key: group.titleKey }, /* @__PURE__ */ h$1("div", { style: groupTitleStyle }, i18n(ctx, group.titleKey)), /* @__PURE__ */ h$1("div", { style: { display: "flex", flexDirection: "column" } }, group.items.map((item) => /* @__PURE__ */ h$1("div", { key: item.labelKey, style: rowStyle }, /* @__PURE__ */ h$1("span", { style: labelStyle }, i18n(ctx, item.labelKey)), /* @__PURE__ */ h$1("div", { style: { display: "flex", gap: "4px", alignItems: "center" } }, item.keys.map((key, i) => /* @__PURE__ */ h$1("span", { key: i, style: badgeStyle }, fmt(key))))))));
+  return /* @__PURE__ */ h("div", { style: { marginBottom: "16px" }, key: group.titleKey }, /* @__PURE__ */ h("div", { style: groupTitleStyle }, i18n(ctx, group.titleKey)), /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column" } }, group.items.map((item) => /* @__PURE__ */ h("div", { key: item.labelKey, style: rowStyle }, /* @__PURE__ */ h("span", { style: labelStyle }, i18n(ctx, item.labelKey)), /* @__PURE__ */ h("div", { style: { display: "flex", gap: "4px", alignItems: "center" } }, item.keys.map((key, i) => /* @__PURE__ */ h("span", { key: i, style: badgeStyle }, fmt(key))))))));
 }
 const ShortcutHelpModal = defineComponent({
   props: {
@@ -8168,7 +8168,7 @@ const ShortcutHelpModal = defineComponent({
     };
     onMounted(() => document.addEventListener("keydown", onKeydown));
     onBeforeUnmount(() => document.removeEventListener("keydown", onKeydown));
-    return () => /* @__PURE__ */ h$1(
+    return () => /* @__PURE__ */ h(
       "div",
       {
         style: {
@@ -8182,7 +8182,7 @@ const ShortcutHelpModal = defineComponent({
         },
         onClick: close
       },
-      /* @__PURE__ */ h$1(
+      /* @__PURE__ */ h(
         "div",
         {
           style: {
@@ -8196,7 +8196,7 @@ const ShortcutHelpModal = defineComponent({
           },
           onClick: (e) => e.stopPropagation()
         },
-        /* @__PURE__ */ h$1(
+        /* @__PURE__ */ h(
           "div",
           {
             style: {
@@ -8208,7 +8208,7 @@ const ShortcutHelpModal = defineComponent({
               borderBottom: "1px solid var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 80%))"
             }
           },
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "span",
             {
               style: {
@@ -8219,7 +8219,7 @@ const ShortcutHelpModal = defineComponent({
             },
             i18n(props.ctx, "shortcuts.title")
           ),
-          /* @__PURE__ */ h$1(
+          /* @__PURE__ */ h(
             "button",
             {
               type: "button",
@@ -8237,10 +8237,10 @@ const ShortcutHelpModal = defineComponent({
                 color: "var(--crepe-color-on-surface-variant, #666)"
               }
             },
-            /* @__PURE__ */ h$1(Icon, { icon: closeIcon })
+            /* @__PURE__ */ h(Icon, { icon: closeIcon })
           )
         ),
-        /* @__PURE__ */ h$1("div", { style: { display: "flex", gap: "24px" } }, /* @__PURE__ */ h$1("div", { style: columnStyle }, leftGroups.map((g) => renderGroup(props.ctx, g))), /* @__PURE__ */ h$1(
+        /* @__PURE__ */ h("div", { style: { display: "flex", gap: "24px" } }, /* @__PURE__ */ h("div", { style: columnStyle }, leftGroups.map((g) => renderGroup(props.ctx, g))), /* @__PURE__ */ h(
           "div",
           {
             style: {
@@ -8249,7 +8249,7 @@ const ShortcutHelpModal = defineComponent({
               backgroundColor: "var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 80%))"
             }
           }
-        ), /* @__PURE__ */ h$1("div", { style: columnStyle }, rightGroups.map((g) => renderGroup(props.ctx, g))))
+        ), /* @__PURE__ */ h("div", { style: columnStyle }, rightGroups.map((g) => renderGroup(props.ctx, g))))
       )
     );
   }
@@ -8753,6 +8753,7 @@ function buildDefaultFixedToolbar(builder, _config, ctx) {
   return builder.build();
 }
 
+keepAlive(h);
 const DocumentHeader = defineComponent({
   props: {
     ctx: { type: Object, required: true },
@@ -9792,7 +9793,7 @@ const blockLatexSchema = codeBlockSchema.extendSchema((prev) => {
 
 const inlineLatexTooltip = tooltipFactory("INLINE_LATEX");
 
-keepAlive(h$1);
+keepAlive(h);
 const LatexTooltip = defineComponent({
   props: {
     ctx: {
@@ -9828,7 +9829,7 @@ const LatexTooltip = defineComponent({
       }
     };
     return () => {
-      return /* @__PURE__ */ h$1("div", { class: "container container-large" }, /* @__PURE__ */ h$1("div", { class: "input-container" }, props.innerView ? /* @__PURE__ */ h$1("div", { ref: innerViewRef }) : null), /* @__PURE__ */ h$1("div", { class: "footer" }, /* @__PURE__ */ h$1("span", { class: "left" }, i18n(props.ctx, "latex.escToExit")), /* @__PURE__ */ h$1(
+      return /* @__PURE__ */ h("div", { class: "container container-large" }, /* @__PURE__ */ h("div", { class: "input-container" }, props.innerView ? /* @__PURE__ */ h("div", { ref: innerViewRef }) : null), /* @__PURE__ */ h("div", { class: "footer" }, /* @__PURE__ */ h("span", { class: "left" }, i18n(props.ctx, "latex.escToExit")), /* @__PURE__ */ h(
         "a",
         {
           class: "right",
@@ -9836,7 +9837,7 @@ const LatexTooltip = defineComponent({
           target: "_blank",
           style: "display: none;"
         },
-        /* @__PURE__ */ h$1(Icon, { icon: helpIcon }),
+        /* @__PURE__ */ h(Icon, { icon: helpIcon }),
         " ",
         i18n(props.ctx, "latex.helpDoc")
       )));