tiptap-markdown-react 0.14.5 → 0.15.0

package/dist/index.js

@@ -1,24 +1,25 @@
 "use client";
 import { Markdown, MarkdownManager } from "@tiptap/markdown";
-import { c as renderOrUpdateChart, d as destroyChart } from "./scrollToTocHeading-DKL19FQG.js";
-import { C, a, R, b, f, m, r, s } from "./scrollToTocHeading-DKL19FQG.js";
-import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
+import { c as renderOrUpdateChart, d as destroyChart } from "./scrollToTocHeading-DTphNbqx.js";
+import { C, a, R, b, f, m, r, s } from "./scrollToTocHeading-DTphNbqx.js";
+import { jsx, jsxs, Fragment as Fragment$2 } from "react/jsx-runtime";
 import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
 import FindAndReplace, { FindAndReplacePluginKey, createSearchRegex } from "@tiptap/extension-find-and-replace";
 import { default as default2 } from "@tiptap/extension-find-and-replace";
 import Image from "@tiptap/extension-image";
 import { TableOfContents } from "@tiptap/extension-table-of-contents";
-import { NodeViewWrapper, ReactNodeViewRenderer, useEditorState, NodeViewContent, useEditor, EditorContent } from "@tiptap/react";
+import { NodeViewWrapper, ReactNodeViewRenderer, useEditorState, ReactRenderer, NodeViewContent, useEditor, EditorContent } from "@tiptap/react";
 import { createPortal } from "react-dom";
-import { useState, useEffect, useCallback, useRef, useMemo, forwardRef, useImperativeHandle, useId, useContext, createContext } from "react";
-import { e as enrichMarkdownCitations, c as styles$6 } from "./ReportContent-DxldXfpO.js";
-import { R as R2, a as a2, b as b2, s as s2 } from "./ReportContent-DxldXfpO.js";
-import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, p as prepareChartMarkdown, j as reportChart, b as baseExtensions, f as CommentMark, l as lowlight, m as makeTocGetId, k as parseCodeTokenAsChartOrCodeBlock, a as pureCodeBlock, c as pureImage, n as renderMathInto, o as subscribeMathClick, d as pureChart } from "./extractToc-C2zqDjSP.js";
-import { g, e, s as s3 } from "./extractToc-C2zqDjSP.js";
+import { useState, useEffect, useCallback, useRef, useMemo, forwardRef, useImperativeHandle, Fragment as Fragment$1, useId, useContext, createContext } from "react";
+import { e as enrichMarkdownCitations, c as styles$8 } from "./ReportContent-JC-DkC9D.js";
+import { R as R2, a as a2, b as b2, s as s2 } from "./ReportContent-JC-DkC9D.js";
+import { C as CitationRef, i as mergeCommentIntervals, h as mapCommentAnchors, p as prepareChartMarkdown, j as reportChart, b as baseExtensions, f as CommentMark, l as lowlight, m as makeTocGetId, k as parseCodeTokenAsChartOrCodeBlock, a as pureCodeBlock, c as pureImage, n as renderMathInto, o as subscribeMathClick, d as pureChart } from "./extractToc-FJquRnX7.js";
+import { g, e, s as s3 } from "./extractToc-FJquRnX7.js";
 import { Slice, Fragment } from "@tiptap/pm/model";
 import { Extension, Node as Node$1 } from "@tiptap/core";
 import { PluginKey, Plugin, NodeSelection, TextSelection } from "@tiptap/pm/state";
 import { DecorationSet, Decoration } from "@tiptap/pm/view";
+import Suggestion from "@tiptap/suggestion";
 import { FileHandlePlugin } from "@tiptap/extension-file-handler";
 import { skipTrailingNodeMeta } from "@tiptap/extensions";
 import { CellSelection, isInTable, selectedRect, rowIsHeader } from "@tiptap/pm/tables";
@@ -533,6 +534,18 @@ const ChevronsUpDownIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx("path", { d: "m7 15 5 5 5-5" }),
   /* @__PURE__ */ jsx("path", { d: "m7 9 5-5 5 5" })
 ] });
+const KeyboardIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 8h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M10 8h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 8h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M18 8h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M6 12h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M10 12h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 12h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M18 12h.01" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 16h10" })
+] });
 const defaultChartLabels = {
   tabLabel: (chartType, index) => `${chartType} ${index + 1}`,
   done: "Done",
@@ -605,6 +618,51 @@ const defaultToolbarLabels = {
   mathNewInline: "New equation",
   mathNewBlock: "Add a TeX equation"
 };
+const defaultSlashMenuLabels = {
+  menuLabel: "Insert block",
+  groupText: "Text",
+  groupList: "Lists",
+  groupAdvanced: "Advanced",
+  normalText: "Normal text",
+  headingLabel: (level) => `Heading ${level}`,
+  bulletList: "Bullet list",
+  orderedList: "Ordered list",
+  taskList: "Task list",
+  blockquote: "Blockquote",
+  codeBlock: "Code block",
+  divider: "Divider",
+  table: "Table",
+  inlineMath: "Inline equation",
+  blockMath: "Block equation"
+};
+const defaultShortcutLabels = {
+  panelTitle: "Shortcuts",
+  close: "Close",
+  colFormat: "Format",
+  colShortcut: "Shortcut",
+  colMarkdown: "Markdown",
+  formatGroup: "Formatting",
+  insertGroup: "Insert",
+  editGroup: "Editing",
+  bold: "Bold",
+  italic: "Italic",
+  strike: "Strikethrough",
+  underline: "Underline",
+  inlineCode: "Inline code",
+  highlight: "Highlight",
+  headingLabel: (level) => `Heading ${level}`,
+  paragraph: "Normal text",
+  blockquote: "Blockquote",
+  bulletList: "Bullet list",
+  orderedList: "Ordered list",
+  taskList: "Task list",
+  codeBlock: "Code block",
+  divider: "Divider",
+  undo: "Undo",
+  redo: "Redo",
+  hardBreak: "Hard break",
+  findReplace: "Find & replace"
+};
 const defaultColorPaletteLabels = {
   none: "None",
   theme: "THEME"
@@ -646,7 +704,7 @@ const defaultFindLabels = {
   readOnly: "Read-only"
 };
 const bar = "_bar_1h61e_3";
-const row = "_row_1h61e_25";
+const row$1 = "_row_1h61e_25";
 const field = "_field_1h61e_43";
 const fieldIcon = "_fieldIcon_1h61e_62";
 const input = "_input_1h61e_67";
@@ -658,9 +716,9 @@ const toggleOn = "_toggleOn_1h61e_135";
 const iconGroup = "_iconGroup_1h61e_29";
 const spacer = "_spacer_1h61e_150";
 const readOnly = "_readOnly_1h61e_155";
-const styles$5 = {
+const styles$7 = {
   bar,
-  row,
+  row: row$1,
   field,
   fieldIcon,
   input,
@@ -778,11 +836,11 @@ function FindReplaceBar({
     });
   };
   if (!hasExtension) return null;
-  const toggleClass = (on) => `${styles$5.btn} ${styles$5.toggle}${on ? ` ${styles$5.toggleOn}` : ""}`;
+  const toggleClass = (on) => `${styles$7.btn} ${styles$7.toggle}${on ? ` ${styles$7.toggleOn}` : ""}`;
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: className ? `${styles$5.bar} ${className}` : styles$5.bar,
+      className: className ? `${styles$7.bar} ${className}` : styles$7.bar,
       style,
       role: "dialog",
       "aria-label": t.find,
@@ -793,14 +851,14 @@ function FindReplaceBar({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs("div", { className: styles$5.row, children: [
-          /* @__PURE__ */ jsxs("span", { className: styles$5.field, children: [
-            /* @__PURE__ */ jsx(SearchIcon, { size: 14, className: styles$5.fieldIcon }),
+        /* @__PURE__ */ jsxs("div", { className: styles$7.row, children: [
+          /* @__PURE__ */ jsxs("span", { className: styles$7.field, children: [
+            /* @__PURE__ */ jsx(SearchIcon, { size: 14, className: styles$7.fieldIcon }),
             /* @__PURE__ */ jsx(
               "input",
               {
                 ref: inputRef,
-                className: styles$5.input,
+                className: styles$7.input,
                 value: term,
                 onChange: (e2) => setTerm(e2.target.value),
                 onKeyDown: onFindKeyDown,
@@ -813,7 +871,7 @@ function FindReplaceBar({
             /* @__PURE__ */ jsx(
               "span",
               {
-                className: `${styles$5.counter}${invalidPattern ? ` ${styles$5.counterInvalid}` : ""}`,
+                className: `${styles$7.counter}${invalidPattern ? ` ${styles$7.counterInvalid}` : ""}`,
                 "aria-live": "polite",
                 title: invalidPattern ? t.invalidRegex : void 0,
                 children: invalidPattern ? t.invalidRegex : counter2
@@ -846,13 +904,13 @@ function FindReplaceBar({
               children: "ab"
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: styles$5.spacer }),
-          /* @__PURE__ */ jsxs("span", { className: styles$5.iconGroup, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$7.spacer }),
+          /* @__PURE__ */ jsxs("span", { className: styles$7.iconGroup, children: [
             /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
-                className: styles$5.btn,
+                className: styles$7.btn,
                 title: t.previous,
                 "aria-label": t.previous,
                 disabled: state.total === 0,
@@ -865,7 +923,7 @@ function FindReplaceBar({
               "button",
               {
                 type: "button",
-                className: styles$5.btn,
+                className: styles$7.btn,
                 title: t.next,
                 "aria-label": t.next,
                 disabled: state.total === 0,
@@ -878,7 +936,7 @@ function FindReplaceBar({
               "button",
               {
                 type: "button",
-                className: styles$5.btn,
+                className: styles$7.btn,
                 title: t.close,
                 "aria-label": t.close,
                 onClick: onClose,
@@ -887,11 +945,11 @@ function FindReplaceBar({
             )
           ] })
         ] }),
-        editor.isEditable ? /* @__PURE__ */ jsxs("div", { className: styles$5.row, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$5.field, children: /* @__PURE__ */ jsx(
+        editor.isEditable ? /* @__PURE__ */ jsxs("div", { className: styles$7.row, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$7.field, children: /* @__PURE__ */ jsx(
             "input",
             {
-              className: styles$5.input,
+              className: styles$7.input,
               value: replaceTerm,
               onChange: (e2) => setReplaceTerm(e2.target.value),
               onKeyDown: onReplaceKeyDown,
@@ -900,12 +958,12 @@ function FindReplaceBar({
               spellCheck: false
             }
           ) }),
-          /* @__PURE__ */ jsx("span", { className: styles$5.spacer }),
+          /* @__PURE__ */ jsx("span", { className: styles$7.spacer }),
           /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              className: styles$5.btn,
+              className: styles$7.btn,
               title: t.replaceOne,
               "aria-label": t.replaceOne,
               disabled: state.total === 0,
@@ -918,7 +976,7 @@ function FindReplaceBar({
             "button",
             {
               type: "button",
-              className: styles$5.btn,
+              className: styles$7.btn,
               title: t.replaceAll,
               "aria-label": t.replaceAll,
               disabled: state.total === 0,
@@ -927,7 +985,7 @@ function FindReplaceBar({
               children: /* @__PURE__ */ jsx(ReplaceAllIcon, { size: 16 })
             }
           )
-        ] }) : /* @__PURE__ */ jsx("div", { className: styles$5.row, children: /* @__PURE__ */ jsx("span", { className: styles$5.readOnly, children: t.readOnly }) })
+        ] }) : /* @__PURE__ */ jsx("div", { className: styles$7.row, children: /* @__PURE__ */ jsx("span", { className: styles$7.readOnly, children: t.readOnly }) })
       ]
     }
   );
@@ -1014,6 +1072,455 @@ const ImportPlaceholder = Node$1.create({
     };
   }
 });
+const popupHost = "_popupHost_1noza_11";
+const menu$1 = "_menu_1noza_1";
+const groupLabel = "_groupLabel_1noza_43";
+const item$1 = "_item_1noza_53";
+const itemActive = "_itemActive_1noza_54";
+const itemIcon = "_itemIcon_1noza_79";
+const itemTitle = "_itemTitle_1noza_102";
+const styles$6 = {
+  popupHost,
+  menu: menu$1,
+  groupLabel,
+  item: item$1,
+  itemActive,
+  itemIcon,
+  itemTitle
+};
+function createDefaultSlashMenuItems(labels = defaultSlashMenuLabels) {
+  return [
+    {
+      id: "normal-text",
+      title: labels.normalText,
+      group: labels.groupText,
+      icon: "¶",
+      aliases: ["zhengwen", "正文", "paragraph", "text"],
+      order: 0,
+      apply: (editor, range) => {
+        editor.chain().focus().deleteRange(range).setParagraph().run();
+      }
+    },
+    ...[1, 2, 3].map((level) => ({
+      id: `heading-${level}`,
+      title: labels.headingLabel(level),
+      group: labels.groupText,
+      icon: `H${level}`,
+      aliases: [`h${level}`, "biaoti", "标题", "heading"],
+      order: level,
+      apply: (editor, range) => {
+        editor.chain().focus().deleteRange(range).setHeading({ level }).run();
+      }
+    })),
+    {
+      id: "bullet-list",
+      title: labels.bulletList,
+      group: labels.groupList,
+      icon: "•",
+      aliases: ["wuxu", "无序", "列表", "bullet", "ul"],
+      order: 4,
+      apply: (editor, range) => {
+        editor.chain().focus().deleteRange(range).toggleBulletList().run();
+      }
+    },
+    {
+      id: "ordered-list",
+      title: labels.orderedList,
+      group: labels.groupList,
+      icon: "1.",
+      aliases: ["youxu", "有序", "列表", "ordered", "ol"],
+      order: 5,
+      apply: (editor, range) => {
+        editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+      }
+    },
+    {
+      id: "task-list",
+      title: labels.taskList,
+      group: labels.groupList,
+      icon: "✓",
+      aliases: ["renwu", "任务", "待办", "task", "todo", "checklist"],
+      order: 6,
+      apply: (editor, range) => {
+        editor.chain().focus().deleteRange(range).toggleTaskList().run();
+      }
+    },
+    {
+      id: "blockquote",
+      title: labels.blockquote,
+      group: labels.groupAdvanced,
+      icon: "❝",
+      aliases: ["yinyong", "引用", "quote", "blockquote"],
+      order: 7,
+      apply: (editor, range) => {
+        editor.chain().focus().deleteRange(range).toggleBlockquote().run();
+      }
+    },
+    {
+      id: "code-block",
+      title: labels.codeBlock,
+      group: labels.groupAdvanced,
+      icon: "{ }",
+      aliases: ["daima", "代码", "code", "fence"],
+      order: 8,
+      apply: (editor, range) => {
+        editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
+      }
+    },
+    {
+      id: "divider",
+      title: labels.divider,
+      group: labels.groupAdvanced,
+      icon: "—",
+      aliases: ["fenge", "分割线", "分隔线", "hr", "divider"],
+      order: 9,
+      apply: (editor, range) => {
+        editor.chain().focus().deleteRange(range).setHorizontalRule().run();
+      }
+    },
+    {
+      id: "table",
+      title: labels.table,
+      group: labels.groupAdvanced,
+      icon: "▦",
+      aliases: ["biaoge", "表格", "table"],
+      order: 10,
+      apply: (editor, range) => {
+        editor.chain().focus().deleteRange(range).insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run();
+      }
+    },
+    {
+      id: "inline-math",
+      title: labels.inlineMath,
+      group: labels.groupAdvanced,
+      icon: "√x",
+      aliases: ["gongshi", "公式", "行内公式", "math", "latex"],
+      order: 11,
+      apply: (editor, range) => {
+        editor.chain().focus().deleteRange(range).insertContent({ type: "inlineMath", attrs: { latex: "E=mc^2" } }).run();
+      }
+    },
+    {
+      id: "block-math",
+      title: labels.blockMath,
+      group: labels.groupAdvanced,
+      icon: "∑",
+      aliases: ["gongshi", "公式", "块级公式", "mathblock", "latex"],
+      order: 12,
+      apply: (editor, range) => {
+        editor.chain().focus().deleteRange(range).insertContent({ type: "blockMath", attrs: { latex: "E=mc^2" } }).run();
+      }
+    }
+  ];
+}
+function filterSlashItems(items, query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return items;
+  return items.filter(
+    (item2) => {
+      var _a;
+      return item2.title.toLowerCase().includes(q) || ((_a = item2.aliases) == null ? void 0 : _a.some((alias) => alias.toLowerCase().includes(q)));
+    }
+  );
+}
+function withGroupHeaders(items) {
+  const rows = [];
+  let lastGroup;
+  for (const item2 of items) {
+    if (item2.group && item2.group !== lastGroup) {
+      rows.push([item2.group, item2]);
+      lastGroup = item2.group;
+    } else {
+      if (!item2.group) lastGroup = void 0;
+      rows.push([null, item2]);
+    }
+  }
+  return rows;
+}
+const SlashMenuPopup = forwardRef(function SlashMenuPopup2({ items, query, menuLabel, command }, ref) {
+  const [index, setIndex] = useState(0);
+  useEffect(() => {
+    setIndex(0);
+  }, [query]);
+  useImperativeHandle(
+    ref,
+    () => ({
+      onKeyDown(event) {
+        if (!items.length) return false;
+        if (event.key === "ArrowDown" || event.key === "Tab" && !event.shiftKey) {
+          setIndex((i) => (i + 1) % items.length);
+          return true;
+        }
+        if (event.key === "ArrowUp" || event.key === "Tab" && event.shiftKey) {
+          setIndex((i) => (i - 1 + items.length) % items.length);
+          return true;
+        }
+        if (event.key === "Enter") {
+          const item2 = items[index];
+          if (!item2) return false;
+          command(item2);
+          return true;
+        }
+        return false;
+      }
+    }),
+    [items, index, command]
+  );
+  if (!items.length) return null;
+  let optionIndex = -1;
+  return /* @__PURE__ */ jsx("div", { className: styles$6.menu, role: "listbox", "aria-label": menuLabel, children: withGroupHeaders(items).map(([header2, item2]) => {
+    optionIndex += 1;
+    const i = optionIndex;
+    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      header2 !== null ? /* @__PURE__ */ jsx("div", { className: styles$6.groupLabel, "aria-hidden": "true", children: header2 }) : null,
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          role: "option",
+          "aria-selected": i === index,
+          title: item2.title,
+          className: i === index ? styles$6.itemActive : styles$6.item,
+          tabIndex: -1,
+          onMouseEnter: () => setIndex(i),
+          onMouseDown: (e2) => {
+            e2.preventDefault();
+            command(item2);
+          },
+          children: [
+            item2.icon != null ? /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": "true", children: item2.icon }) : /* @__PURE__ */ jsx("span", { className: styles$6.itemIcon, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: styles$6.itemTitle, children: item2.title })
+          ]
+        }
+      )
+    ] }, item2.id);
+  }) });
+});
+function isComposing(event, view) {
+  return view.composing || event.isComposing || event.keyCode === 229;
+}
+const SlashMenu = Extension.create({
+  name: "slashMenu",
+  addOptions() {
+    return { items: void 0, labels: void 0 };
+  },
+  addProseMirrorPlugins() {
+    const { items: extraItems, labels } = this.options;
+    const allItems = [
+      ...createDefaultSlashMenuItems({ ...defaultSlashMenuLabels, ...labels }),
+      ...extraItems ?? []
+    ];
+    let renderer = null;
+    let unmountPopup = null;
+    return [
+      Suggestion({
+        editor: this.editor,
+        pluginKey: new PluginKey("tmrSlashMenu"),
+        char: "/",
+        // 行首（节点内起始，空 prefix 天然放行）或空白后触发
+        allowedPrefixes: [" ", "	", "　"],
+        allowSpaces: false,
+        decorationClass: "tmr-slash-suggestion",
+        decorationEmptyClass: "tmr-slash-suggestion-empty",
+        items: ({ query }) => filterSlashItems(allItems, query),
+        command: ({ editor, range, props: item2 }) => {
+          item2.apply(editor, range);
+        },
+        allow: ({ editor }) => editor.isEditable && !editor.isActive("codeBlock"),
+        render: () => ({
+          onStart: (props) => {
+            var _a;
+            renderer = new ReactRenderer(
+              SlashMenuPopup,
+              {
+                editor: props.editor,
+                props: {
+                  items: props.items,
+                  query: props.query,
+                  menuLabel: ((_a = this.options.labels) == null ? void 0 : _a.menuLabel) ?? defaultSlashMenuLabels.menuLabel,
+                  command: props.command
+                },
+                className: styles$6.popupHost
+              }
+            );
+            const pmStyle = getComputedStyle(props.editor.view.dom);
+            for (const name of [
+              "--tmr-text",
+              "--tmr-accent",
+              "--tmr-toolbar-border",
+              "--tmr-toolbar-muted"
+            ]) {
+              const value = pmStyle.getPropertyValue(name);
+              if (value) renderer.element.style.setProperty(name, value);
+            }
+            unmountPopup = props.mount(renderer.element);
+          },
+          onUpdate: (props) => {
+            renderer == null ? void 0 : renderer.updateProps({
+              items: props.items,
+              query: props.query,
+              command: props.command
+            });
+          },
+          onKeyDown: (props) => {
+            var _a;
+            if (!renderer || isComposing(props.event, props.view)) return false;
+            return ((_a = renderer.ref) == null ? void 0 : _a.onKeyDown(props.event)) ?? false;
+          },
+          onExit: () => {
+            unmountPopup == null ? void 0 : unmountPopup();
+            unmountPopup = null;
+            renderer == null ? void 0 : renderer.destroy();
+            renderer = null;
+          }
+        })
+      })
+    ];
+  }
+});
+const drawer = "_drawer_ljnq6_5";
+const closeBtn = "_closeBtn_ljnq6_44";
+const head = "_head_ljnq6_68";
+const colShortcut = "_colShortcut_ljnq6_79";
+const colMarkdown = "_colMarkdown_ljnq6_83";
+const body = "_body_ljnq6_88";
+const group = "_group_ljnq6_95";
+const groupTitle = "_groupTitle_ljnq6_99";
+const row = "_row_ljnq6_107";
+const rowLabel = "_rowLabel_ljnq6_120";
+const rowKeys = "_rowKeys_ljnq6_127";
+const rowMd = "_rowMd_ljnq6_128";
+const keycap = "_keycap_ljnq6_138";
+const none = "_none_ljnq6_163";
+const styles$5 = {
+  drawer,
+  closeBtn,
+  head,
+  colShortcut,
+  colMarkdown,
+  body,
+  group,
+  groupTitle,
+  row,
+  rowLabel,
+  rowKeys,
+  rowMd,
+  keycap,
+  none
+};
+function buildShortcutGroups(labels) {
+  return [
+    {
+      id: "format",
+      title: labels.formatGroup,
+      entries: [
+        { id: "bold", label: labels.bold, keys: ["Mod", "b"], markdown: { marker: "**x**" } },
+        { id: "italic", label: labels.italic, keys: ["Mod", "i"], markdown: { marker: "*x*" } },
+        { id: "strike", label: labels.strike, keys: ["Mod", "Shift", "s"], markdown: { marker: "~~x~~" } },
+        { id: "underline", label: labels.underline, keys: ["Mod", "u"] },
+        { id: "inline-code", label: labels.inlineCode, keys: ["Mod", "e"], markdown: { marker: "`x`" } },
+        { id: "highlight", label: labels.highlight, keys: ["Mod", "Shift", "h"], markdown: { marker: "==x==" } },
+        ...[1, 2, 3, 4, 5, 6].map((level) => ({
+          id: `heading-${level}`,
+          label: labels.headingLabel(level),
+          keys: ["Mod", "Alt", String(level)],
+          markdown: { marker: "#".repeat(level), terminator: "Space" }
+        })),
+        { id: "paragraph", label: labels.paragraph, keys: ["Mod", "Alt", "0"] }
+      ]
+    },
+    {
+      id: "insert",
+      title: labels.insertGroup,
+      entries: [
+        { id: "blockquote", label: labels.blockquote, keys: ["Mod", "Shift", "b"], markdown: { marker: ">", terminator: "Space" } },
+        { id: "bullet-list", label: labels.bulletList, keys: ["Mod", "Shift", "8"], markdown: { marker: "-", terminator: "Space" } },
+        { id: "ordered-list", label: labels.orderedList, keys: ["Mod", "Shift", "7"], markdown: { marker: "1.", terminator: "Space" } },
+        { id: "task-list", label: labels.taskList, markdown: { marker: "[]", terminator: "Space" } },
+        { id: "code-block", label: labels.codeBlock, markdown: { marker: "```", terminator: "Space" } },
+        { id: "divider", label: labels.divider, markdown: { marker: "---", terminator: "Space" } }
+      ]
+    },
+    {
+      id: "edit",
+      title: labels.editGroup,
+      entries: [
+        { id: "undo", label: labels.undo, keys: ["Mod", "z"] },
+        { id: "redo", label: labels.redo, keys: ["Mod", "Shift", "z"] },
+        { id: "hard-break", label: labels.hardBreak, keys: ["Shift", "Enter"] },
+        { id: "find-replace", label: labels.findReplace, keys: ["Mod", "f"] }
+      ]
+    }
+  ];
+}
+function isMacPlatform() {
+  if (typeof navigator === "undefined") return false;
+  return /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent);
+}
+function keycapText(key, mac) {
+  if (key === "Mod") return mac ? "Cmd" : "Ctrl";
+  if (key === "Alt") return mac ? "Opt" : "Alt";
+  if (/^[a-z]$/.test(key)) return key.toUpperCase();
+  return key;
+}
+function ShortcutPanel({ open, onClose, labels }) {
+  const t = useMemo(
+    () => ({ ...defaultShortcutLabels, ...labels }),
+    [labels]
+  );
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e2) => {
+      if (e2.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [open, onClose]);
+  const groups = useMemo(
+    () => open ? buildShortcutGroups(t) : [],
+    [open, t]
+  );
+  const mac = useMemo(isMacPlatform, []);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      className: styles$5.drawer,
+      role: "dialog",
+      "aria-modal": "false",
+      "aria-label": t.panelTitle,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: styles$5.closeBtn,
+            title: t.close,
+            "aria-label": t.close,
+            onClick: onClose,
+            children: /* @__PURE__ */ jsx(XIcon, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: styles$5.head, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$5.colFormat, children: t.colFormat }),
+          /* @__PURE__ */ jsx("span", { className: styles$5.colShortcut, children: t.colShortcut }),
+          /* @__PURE__ */ jsx("span", { className: styles$5.colMarkdown, children: t.colMarkdown })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: styles$5.body, children: groups.map((group2) => /* @__PURE__ */ jsxs("section", { className: styles$5.group, children: [
+          /* @__PURE__ */ jsx("h3", { className: styles$5.groupTitle, children: group2.title }),
+          group2.entries.map((entry) => /* @__PURE__ */ jsxs("div", { className: styles$5.row, children: [
+            /* @__PURE__ */ jsx("span", { className: styles$5.rowLabel, children: entry.label }),
+            /* @__PURE__ */ jsx("span", { className: styles$5.rowKeys, children: entry.keys ? entry.keys.map((key, i) => /* @__PURE__ */ jsx("kbd", { className: styles$5.keycap, children: keycapText(key, mac) }, i)) : /* @__PURE__ */ jsx("span", { className: styles$5.none, children: "—" }) }),
+            /* @__PURE__ */ jsx("span", { className: styles$5.rowMd, children: entry.markdown ? /* @__PURE__ */ jsxs(Fragment$2, { children: [
+              /* @__PURE__ */ jsx("kbd", { className: styles$5.keycap, children: entry.markdown.marker }),
+              entry.markdown.terminator ? /* @__PURE__ */ jsx("kbd", { className: styles$5.keycap, children: entry.markdown.terminator }) : null
+            ] }) : /* @__PURE__ */ jsx("span", { className: styles$5.none, children: "—" }) })
+          ] }, entry.id))
+        ] }, group2.id)) })
+      ]
+    }
+  );
+}
 const MD_FILE_RE$1 = /\.(md|markdown)$/i;
 const MD_MIME_TYPES = ["text/markdown", "text/x-markdown", ""];
 async function insertMarkdownFiles(editor, files, pos) {
@@ -1609,12 +2116,17 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
   findBarContainer,
   findBarOffset = DEFAULT_FIND_BAR_OFFSET,
   findShortcut = true,
-  findLabels
+  findLabels,
+  slashMenu = true,
+  slashMenuLabels,
+  shortcutPanel = true,
+  shortcutLabels
 }, ref) {
   const preparedInitial = prepareChartMarkdown(
     enrichMarkdownCitations(initialMarkdown, sources ?? [])
   );
   const [findOpen, setFindOpen] = useState(false);
+  const [shortcutsOpen, setShortcutsOpen] = useState(false);
   const findInputRef = useRef(null);
   const editor = useEditor({
     extensions: [
@@ -1647,6 +2159,8 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
       }),
       ...markdownPaste ? [MarkdownPaste] : [],
       ...markdownFileDrop ? [MarkdownFileDrop] : [],
+      // 斜杠菜单（键入 / 唤起）：默认开，只读态由 suggestion 状态机自身短路
+      ...slashMenu ? [SlashMenu.configure({ labels: slashMenuLabels })] : [],
       ...extraExtensions ?? []
     ],
     content: preparedInitial,
@@ -1656,7 +2170,7 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
     immediatelyRender: false,
     editorProps: {
       attributes: {
-        class: styles$6.editorContent,
+        class: styles$8.editorContent,
         "data-placeholder": placeholder ?? ""
       }
     }
@@ -1822,20 +2336,44 @@ const MarkdownWysiwygEditor = forwardRef(function MarkdownWysiwygEditor2({
       labels: findLabels,
       onClose: closeFind,
       inputRef: findInputRef,
-      className: styles$6.findBar,
+      className: styles$8.findBar,
       style: findBarOffsetStyle(findBarOffset)
     }
   ) : null;
-  return /* @__PURE__ */ jsxs("div", { className: styles$6.editorHost, children: [
-    findBarNode && !findBarTarget ? /* @__PURE__ */ jsx("div", { className: styles$6.findBarAnchor, children: findBarNode }) : null,
+  const shortcutT = useMemo(
+    () => ({ ...defaultShortcutLabels, ...shortcutLabels }),
+    [shortcutLabels]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: styles$8.editorHost, children: [
+    findBarNode && !findBarTarget ? /* @__PURE__ */ jsx("div", { className: styles$8.findBarAnchor, children: findBarNode }) : null,
     findBarNode && findBarTarget ? createPortal(findBarNode, findBarTarget) : null,
     /* @__PURE__ */ jsx(
       EditorContent,
       {
         editor,
-        className: className ? `${styles$6.editorScroll} ${className}` : styles$6.editorScroll
+        className: className ? `${styles$8.editorScroll} ${className}` : styles$8.editorScroll
       }
-    )
+    ),
+    shortcutPanel && editable ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: styles$8.shortcutFab,
+        title: shortcutT.panelTitle,
+        "aria-label": shortcutT.panelTitle,
+        "aria-expanded": shortcutsOpen,
+        onClick: () => setShortcutsOpen((v) => !v),
+        children: /* @__PURE__ */ jsx(KeyboardIcon, { size: 18 })
+      }
+    ) : null,
+    shortcutPanel && editable ? /* @__PURE__ */ jsx(
+      ShortcutPanel,
+      {
+        open: shortcutsOpen,
+        onClose: () => setShortcutsOpen(false),
+        labels: shortcutLabels
+      }
+    ) : null
   ] });
 });
 function MarkdownPreview({
@@ -1877,7 +2415,7 @@ function MarkdownPreview({
       editable: false,
       immediatelyRender: false,
       editorProps: {
-        attributes: { class: styles$6.editorContent }
+        attributes: { class: styles$8.editorContent }
       }
     },
     [extensions]
@@ -1890,7 +2428,7 @@ function MarkdownPreview({
     EditorContent,
     {
       editor,
-      className: className ?? styles$6.editorScroll
+      className: className ?? styles$8.editorScroll
     }
   );
 }
@@ -2954,7 +3492,7 @@ function EditorToolbar({
     setMathEdit(null);
   };
   const scriptActive = state.superscript ? "superscript" : state.subscript ? "subscript" : "normal";
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs(Fragment$2, { children: [
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -3197,7 +3735,7 @@ function EditorToolbar({
           ),
           /* @__PURE__ */ jsx(Divider, {}),
           /* @__PURE__ */ jsx(ToolbarButton, { title: t.link, active: state.link, onClick: toggleLink, children: /* @__PURE__ */ jsx(LinkIcon, {}) }),
-          onImageUpload ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          onImageUpload ? /* @__PURE__ */ jsxs(Fragment$2, { children: [
             /* @__PURE__ */ jsx(ToolbarButton, { title: t.image, onClick: handlePickImage, children: /* @__PURE__ */ jsx(ImageIcon, {}) }),
             /* @__PURE__ */ jsx(
               "input",
@@ -3764,6 +4302,17 @@ function insertPlainParagraphAt(editor, from, to, text) {
     return false;
   }
 }
+function insertSlashMarkdown(editor, range, markdown) {
+  const prepared = prepareChartMarkdown(markdown);
+  if (!prepared) return;
+  try {
+    const ok = editor.chain().focus().deleteRange(range).insertContent(prepared, { contentType: "markdown" }).run();
+    if (ok) return;
+  } catch {
+  }
+  editor.chain().focus().deleteRange(range).run();
+  insertMarkdown(editor, prepared);
+}
 export {
   BoldIcon,
   COMMENT_ACTIVE_META,
@@ -3793,6 +4342,7 @@ export {
   ImportIcon,
   ImportPlaceholder,
   ItalicIcon,
+  KeyboardIcon,
   LinkIcon,
   ListChecksIcon,
   ListOrderedIcon,
@@ -3814,6 +4364,8 @@ export {
   RowBeforeIcon,
   RowDeleteIcon,
   SearchIcon,
+  ShortcutPanel,
+  SlashMenu,
   StrikethroughIcon,
   TableDeleteIcon,
   TocPanel,
@@ -3825,6 +4377,7 @@ export {
   applyCommentAnchorsToEditor,
   baseExtensions,
   g as blockTextHash,
+  buildShortcutGroups,
   collectCommentIds,
   commentAnchorExtension,
   commentAnchorPlugin,
@@ -3832,21 +4385,26 @@ export {
   commentRangesById,
   createChart,
   createCitationRef,
+  createDefaultSlashMenuItems,
   defaultChartLabels,
   defaultCodeBlockLabels,
   defaultColorPaletteLabels,
   defaultCommentLabels,
   defaultFindLabels,
+  defaultShortcutLabels,
+  defaultSlashMenuLabels,
   defaultTocLabels,
   defaultToolbarLabels,
   enrichMarkdownCitations,
   b2 as extractFootnoteSources,
   e as extractToc,
+  filterSlashItems,
   f as findCitationRefElement,
   findRangeByAnchor,
   focusComment,
   getMarkdownForRange,
   insertMarkdown,
+  insertSlashMarkdown,
   looksLikeMarkdown,
   lowlight,
   makeTocGetId,