tiptap-markdown-react 0.17.1 → 0.19.0

package/dist/components/MarkdownWysiwygEditor.d.ts

@@ -1,11 +1,14 @@
 import { AnyExtension, Editor } from '@tiptap/react';
+import { ResizableNodeViewDirection } from '@tiptap/core';
 import { SourceRef } from '../citationUtils';
 import { RenderCitation } from '../citationTypes';
 import { CommentClickPayload, CommentRef } from '../commentAnchor/commentTypes';
+import { ImageUploadConfig } from '../imageUpload';
 import { CodeBlockLabels, FindLabels, ShortcutLabels, SlashMenuLabels } from '../labels';
 import { PendingAnchor } from '../pendingAnchor';
 import { SelectionKind } from '../selectionKind';
 import { TocItem } from '../toc/extractToc';
+export declare const ImageWithConfirmDelete: import('@tiptap/core').Node<import('@tiptap/extension-image').ImageOptions, any>;
 /** 浮动条相对其定位上下文的偏移（数字按 px）。内部路径的上下文是编辑器，portal 路径是宿主容器。 */
 export interface FindBarOffset {
     top?: number | string;
@@ -32,6 +35,37 @@ export interface MarkdownWysiwygEditorHandle {
     openFind: () => void;
     /** 收起自带浮动条，清空高亮并把焦点还给编辑器。findBar={false} 时不生效。 */
     closeFind: () => void;
+    /**
+     * 反转自带浮动条：关着就开、开着就关。工具栏那个带 active 态的放大镜接它
+     * （`onSearch={() => handle.current?.toggleFind()}`）。findBar={false} 时不生效。
+     */
+    toggleFind: () => void;
+}
+/** 图片缩放的透传选项（官方 `@tiptap/extension-image` 的 resize 配置）。 */
+export interface ImageResizeOptions {
+    /**
+     * 手柄方向，默认左右两条竖条（对齐官方 image-upload-node demo 的形态）。
+     * 例：`['top-right', 'bottom-right']` 只留右侧两角；八个方向全给则四角 + 四边。
+     */
+    directions?: ResizableNodeViewDirection[];
+    /** 最小宽（px），默认 80。 */
+    minWidth?: number;
+    /** 最小高（px），默认 80。 */
+    minHeight?: number;
+    /**
+     * 最大宽（px）。**默认跟随编辑器内容区宽度**（拖不出布局，窗口变化时在下次拖拽前刷新
+     * 上限）；显式传值则以此为准。官方 `Image` 的 resize 没有 max 入口，由本库注入
+     * `ResizableNodeView.maxSize`（该字段官方是公开的，拖拽约束每次都会读）。
+     */
+    maxWidth?: number;
+    /** 最大高（px）。默认不单独限制（等比缩放时高度随宽度走）。 */
+    maxHeight?: number;
+    /**
+     * 是否始终锁定宽高比，默认 true（本库默认）。等比下"编辑态精确尺寸"与只读渲染的
+     * 按比例自适应（CSS `height: auto`）数学等价；显式关掉后，非等比拖出的图在只读
+     * 渲染里会按原图比例回弹——markdown 里存的仍是精确值。
+     */
+    alwaysPreserveAspectRatio?: boolean;
 }
 export interface MarkdownWysiwygEditorProps {
     /** 初始 markdown 内容。 */
@@ -124,7 +158,7 @@ export interface MarkdownWysiwygEditorProps {
      */
     findBar?: boolean;
     /**
-     * 把自带的浮动条挂到宿主的容器里（antd `getPopupContainer` 那一套）：给元素或返回元素的函数
+     * 把自带的浮动条挂到宿主的容器里（popup container 模式）：给元素或返回元素的函数
      * 即可，开合状态与 Cmd/Ctrl+F 仍归库——只换挂载点。适合条子被 `overflow: hidden` 祖先裁掉、
      * 或想让它落在自己的头部 / 侧栏里。挂进去后**定位由宿主负责**（库不再加绝对定位），
      * 且容器若在主题子树之外，记得把 `--tmr-*` 变量也带到那里。
@@ -145,6 +179,13 @@ export interface MarkdownWysiwygEditorProps {
     findShortcut?: boolean;
     /** 查找替换浮动条的本地化文案。 */
     findLabels?: Partial<FindLabels>;
+    /**
+     * 浮动条开合状态变化的通知（条子开着时 `handle.openFind()`、Esc / × 关掉都会触发）。
+     * 典型用法是驱动别处的入口按钮：`<EditorToolbar onSearch={open} searchActive={isOpen} />`。
+     * 只在真正变化时回调，挂载时不会先报一次 `false`；报的是「条子真的在屏幕上」——
+     * `findBar={false}`（宿主自己摆条子）时恒为 `false`，不会因为 `openFind()` 空转就亮起入口。
+     */
+    onFindOpenChange?: (open: boolean) => void;
     /**
      * 启用快捷键抽屉：编辑器右下角出现键盘悬浮按钮，点开为
      * 「格式 / 快捷键 / Markdown」三列对照抽屉（默认 true，只读态隐藏）。
@@ -168,6 +209,23 @@ export interface MarkdownWysiwygEditorProps {
     slashMenu?: boolean;
     /** 斜杠菜单的本地化文案。 */
     slashMenuLabels?: Partial<SlashMenuLabels>;
+    /**
+     * 图片上传（对齐官方 ImageUploadNode 的交互）：配置后工具栏的图片按钮变成
+     * 「插入上传块」——文档里出现拖拽 / 点击的占位块，上传进度就地显示，全部成功后就地
+     * 替换为图片。`upload` 是唯一必填项（网络 I/O 归宿主），签名 `(file, onProgress,
+     * signal) => Promise<url>`；收 `signal` 后宿主应在移除 / 清空 / 占位块被删时中断请求。
+     *
+     * 挂在这里而不是工具栏的 `onImageUpload`：按钮的行为由「编辑器里有没有注册
+     * imageUpload 扩展」决定，两处都传会以本配置为准。未配置时工具栏走旧的直传路径
+     * （点按钮直接开文件框 → 上传 → 插图片）。仅初始化时生效。
+     */
+    imageUpload?: ImageUploadConfig;
+    /**
+     * 图片缩放（默认开）：拖手柄改尺寸，松手把整数像素写进节点 attrs；markdown 里带尺寸的
+     * 图以 `<img src alt width height>` 保真（没拖过的图保持标准 `![alt](url)`，见
+     * imageMarkdown.ts）。传 `false` 关闭；传对象透传官方 resize 配置。仅初始化时生效。
+     */
+    imageResize?: boolean | ImageResizeOptions;
 }
 /**
  * 所见即所得 Markdown 编辑器（基于 Tiptap v3 + 官方 @tiptap/markdown）。

package/dist/components/TableHandles.d.ts

@@ -0,0 +1,19 @@
+import { Editor } from '@tiptap/core';
+import { ToolbarLabels } from '../labels';
+export interface TableHandlesProps {
+    /** 编辑器实例。只读态不出手柄。 */
+    editor: Editor;
+    /** 已合并默认值的工具栏文案（行列菜单项与两个手柄的 aria-label 都取自它）。 */
+    labels: ToolbarLabels;
+}
+/**
+ * 表格的悬停手柄（Notion 式）：鼠标落在单元格上时，行左缘出一条竖胶囊（⋮）、表格上方出一条
+ * 横胶囊（⋯），点开就是该行 / 该列的操作菜单。
+ *
+ * 这是原来「表内右键出菜单」的替代——右键只保留**多格选区**的批量增删（手柄只覆盖单行单列，
+ * 那个场景手柄表达不了）。命令全部复用 `tableSelection.ts`，与工具栏的「插入表格」共用一套。
+ *
+ * 手柄是 fixed 定位、渲染在 body 的 portal 里：它要贴着单元格边缘，而工具栏并不在编辑器 DOM
+ * 内。滚动 / 缩放时重新量一遍悬停的那颗单元格，让手柄跟着走。
+ */
+export declare function TableHandles({ editor, labels }: TableHandlesProps): import('react').ReactPortal | null;

package/dist/components/TableHandles.dom.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/findEntry.dom.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/imageUpload.dom.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/extensions.d.ts

@@ -38,9 +38,21 @@ export declare const pureCodeBlock: import('@tiptap/core').Node<import('@tiptap/
  * 纯版块级图片（无删除快捷键）：server / 预览用。
  * inline:false（官方默认）——研报里图片均为大图独占一行，块级图片可直接作为 doc
  * 顶层子节点，避免「inline image 裸挂 doc 顶层」被 generateTocIds 严格校验判非法。
+ *
+ * markdown 往返接 imageMarkdown：带尺寸 / 对齐 / 描述（图注）的图序列化为
+ * `<img …>` / `<figure>…</figure>`、解析时自建 tokenizer 认领——官方解析内联 HTML
+ * 依赖 window.DOMParser，server 端没有 window，不认领会把它转义成字面文本
+ * （见 imageMarkdown.ts 头注）。
  */
 export declare const pureImage: import('@tiptap/core').Node<import('@tiptap/extension-image').ImageOptions, any>;
 export { pureChart, reportChart } from './chart/ChartExtension';
+/**
+ * 段落 / 标题的 markdown 版本：带段落级样式（对齐 / 缩进 / 行高）时序列化为
+ * `<p style="…">` / `<hN style="…">`，无样式保持原生形式（见 paragraphMarkdown.ts）。
+ * StarterKit 里这两个节点要关掉，改用下面这份（同 CodeBlock / Image 的分层做法）。
+ */
+export declare const MarkdownParagraph: import('@tiptap/core').Node<import('@tiptap/extension-paragraph').ParagraphOptions, any>;
+export declare const MarkdownHeading: import('@tiptap/core').Node<import('@tiptap/extension-heading').HeadingOptions, any>;
 /**
  * 三处共用的纯 schema 扩展——**不含 CodeBlock / Image / CitationRef / Chart**（见上方边界说明）。
  * 编辑器：`[...baseExtensions, 增强CodeBlock, 增强Image, createCitationRef(), createChart(), Markdown]`

package/dist/{extractToc-BaR6LP1f.js → extractToc-CGrBMGvM.js}

@@ -1,18 +1,21 @@
-import { Node, mergeAttributes, Mark } from "@tiptap/core";
+import { Node, mergeAttributes, Mark, Extension } from "@tiptap/core";
 import Code from "@tiptap/extension-code";
 import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
+import Heading from "@tiptap/extension-heading";
 import Highlight from "@tiptap/extension-highlight";
 import Image from "@tiptap/extension-image";
+import Paragraph from "@tiptap/extension-paragraph";
 import Subscript from "@tiptap/extension-subscript";
 import Superscript from "@tiptap/extension-superscript";
 import { TableKit } from "@tiptap/extension-table";
 import TaskItem from "@tiptap/extension-task-item";
 import TaskList from "@tiptap/extension-task-list";
+import TextAlign from "@tiptap/extension-text-align";
 import { Color, TextStyle, FontSize } from "@tiptap/extension-text-style";
 import StarterKit from "@tiptap/starter-kit";
 import { createLowlight, common } from "lowlight";
 import { Plugin, PluginKey } from "@tiptap/pm/state";
-import { p as parseChartFenceBody, s as serializeChartPayload, n as normalizeChartMarkdown } from "./ReportContent-MgbebxPV.js";
+import { p as parseChartFenceBody, s as serializeChartPayload, n as normalizeChartMarkdown } from "./ReportContent-B8jIzhy3.js";
 import { InlineMath, BlockMath } from "@tiptap/extension-mathematics";
 import katex from "katex";
 const CitationRef = Node.create({
@@ -580,6 +583,176 @@ function parseCodeTokenAsChartOrCodeBlock(token, helpers, codeBlockName = "codeB
     token.text ? [helpers.createTextNode(token.text)] : []
   );
 }
+const IMAGE_ALIGN_VALUES = /* @__PURE__ */ new Set(["left", "center", "right"]);
+function normalizeImageAlign(value) {
+  return typeof value === "string" && IMAGE_ALIGN_VALUES.has(value) ? value : null;
+}
+const imageAlignAttribute = {
+  default: null,
+  parseHTML: (element) => normalizeImageAlign(element.getAttribute("data-align")),
+  renderHTML: (attributes) => {
+    const align = normalizeImageAlign(attributes.align);
+    return align ? { "data-align": align } : {};
+  }
+};
+const imageCaptionAttribute = {
+  default: null,
+  parseHTML: (element) => {
+    var _a;
+    const figure = element.closest("figure");
+    return normalizeImageCaption(
+      ((_a = figure == null ? void 0 : figure.querySelector("figcaption")) == null ? void 0 : _a.textContent) ?? null
+    );
+  },
+  renderHTML: () => ({})
+};
+function imageNodeHtml(output) {
+  const caption = normalizeImageCaption(output.attrs.caption);
+  if (!caption) return ["img", output.htmlAttributes];
+  return [
+    "figure",
+    { class: "tmr-image-figure" },
+    ["img", output.htmlAttributes],
+    ["figcaption", { class: "tmr-image-caption" }, caption]
+  ];
+}
+function imageFigureParseRule() {
+  return {
+    tag: "figure",
+    getAttrs: (element) => {
+      const img = element.querySelector("img");
+      if (!img) return false;
+      const caption = element.querySelector("figcaption");
+      return {
+        src: img.getAttribute("src"),
+        alt: img.getAttribute("alt"),
+        title: img.getAttribute("title"),
+        width: toPixel(img.getAttribute("width")),
+        height: toPixel(img.getAttribute("height")),
+        align: normalizeImageAlign(img.getAttribute("data-align")),
+        caption: normalizeImageCaption((caption == null ? void 0 : caption.textContent) ?? null)
+      };
+    }
+  };
+}
+function attrValue(attrs, name) {
+  const pattern = new RegExp(
+    `(?:^|\\s)${name}\\s*=\\s*(?:"([^"]*)"|'([^']*)'|([^\\s"'=<>]+))`,
+    "i"
+  );
+  const match = pattern.exec(attrs);
+  if (!match) return null;
+  return match[1] ?? match[2] ?? match[3] ?? null;
+}
+const ENTITIES = {
+  "&amp;": "&",
+  "&lt;": "<",
+  "&gt;": ">",
+  "&quot;": '"',
+  "&#39;": "'"
+};
+function decodeEntities(text) {
+  return text.replace(/&(?:amp|lt|gt|quot|#39);/g, (m) => ENTITIES[m] ?? m);
+}
+function encodeAttr$1(value) {
+  return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function encodeText(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function normalizeImageCaption(value) {
+  if (typeof value !== "string") return null;
+  const text = value.trim();
+  return text === "" ? null : text;
+}
+function toPixel(value) {
+  if (value == null) return null;
+  const n = Number(value);
+  return Number.isFinite(n) && n > 0 ? Math.round(n) : null;
+}
+function imageRenderMarkdown(node) {
+  const attrs = node.attrs ?? {};
+  const src = typeof attrs.src === "string" ? attrs.src : "";
+  const alt = typeof attrs.alt === "string" ? attrs.alt : "";
+  const title = typeof attrs.title === "string" ? attrs.title : "";
+  const width = toPixel(attrs.width == null ? null : String(attrs.width));
+  const height = toPixel(attrs.height == null ? null : String(attrs.height));
+  const align = normalizeImageAlign(attrs.align);
+  const caption = normalizeImageCaption(attrs.caption);
+  if (width == null && height == null && !align && !caption) {
+    return title ? `![${alt}](${src} "${title}")` : `![${alt}](${src})`;
+  }
+  const parts = [`src="${encodeAttr$1(src)}"`];
+  if (alt) parts.push(`alt="${encodeAttr$1(alt)}"`);
+  if (title) parts.push(`title="${encodeAttr$1(title)}"`);
+  if (width != null) parts.push(`width="${width}"`);
+  if (height != null) parts.push(`height="${height}"`);
+  if (align) parts.push(`data-align="${align}"`);
+  const imgTag = `<img ${parts.join(" ")}>`;
+  if (!caption) return imgTag;
+  return `<figure>
+${imgTag}
+<figcaption>${encodeText(caption)}</figcaption>
+</figure>`;
+}
+function imageTokenFromImgTag(raw, attrsString, caption = null) {
+  const srcValue = attrValue(attrsString, "src");
+  if (!srcValue) return void 0;
+  const alt = attrValue(attrsString, "alt");
+  const title = attrValue(attrsString, "title");
+  return {
+    type: "image",
+    raw,
+    src: decodeEntities(srcValue),
+    alt: alt == null ? null : decodeEntities(alt),
+    title: title == null ? null : decodeEntities(title),
+    width: toPixel(attrValue(attrsString, "width")),
+    height: toPixel(attrValue(attrsString, "height")),
+    align: normalizeImageAlign(attrValue(attrsString, "data-align")),
+    caption
+  };
+}
+const imageMarkdownTokenizer = {
+  name: "image",
+  level: "block",
+  start(src) {
+    const figure = /<figure[\s>]/i.exec(src);
+    const img = /<img[\s>]/i.exec(src);
+    const indexes = [figure == null ? void 0 : figure.index, img == null ? void 0 : img.index].filter(
+      (index) => index != null
+    );
+    return indexes.length ? Math.min(...indexes) : -1;
+  },
+  tokenize(src) {
+    const figure = /^<figure\s*>([\s\S]*?)<\/figure\s*>/i.exec(src);
+    if (figure) {
+      const inner = figure[1] ?? "";
+      const img = /<img\s+([^>]*?)\s*\/?>/.exec(inner);
+      if (!img) return void 0;
+      const cap = /<figcaption[^>]*>([\s\S]*?)<\/figcaption\s*>/i.exec(inner);
+      const caption = cap ? normalizeImageCaption(
+        decodeEntities((cap[1] ?? "").replace(/<[^>]*>/g, ""))
+      ) : null;
+      return imageTokenFromImgTag(figure[0], img[1] ?? "", caption);
+    }
+    const match = /^<img\s+([^>]*?)\s*\/?>/.exec(src);
+    if (!match) return void 0;
+    return imageTokenFromImgTag(match[0], match[1] ?? "");
+  }
+};
+function imageParseMarkdown(token, helpers) {
+  const src = typeof token.src === "string" ? token.src : token.href ?? null;
+  const alt = typeof token.alt === "string" ? token.alt : token.text ?? null;
+  return helpers.createNode("image", {
+    src,
+    alt,
+    title: token.title ?? null,
+    width: token.width ?? null,
+    height: token.height ?? null,
+    align: token.align ?? null,
+    caption: normalizeImageCaption(token.caption)
+  });
+}
 const KATEX_OPTIONS = { throwOnError: false };
 let mathClickListener = null;
 function subscribeMathClick(listener) {
@@ -683,6 +856,196 @@ $$`;
   katexOptions: { ...KATEX_OPTIONS, displayMode: true },
   onClick: (node, pos) => emitClick("block", node, pos)
 });
+const INDENT_STEP_EM = 2;
+const TEXT_ALIGN_VALUES = /* @__PURE__ */ new Set(["left", "center", "right", "justify"]);
+function encodeAttr(value) {
+  return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+const KNOWN_STYLE_KEYS = ["text-align", "margin-left", "line-height"];
+function paragraphStyleString(attrs) {
+  const parts = [];
+  const align = typeof attrs.textAlign === "string" ? attrs.textAlign : null;
+  if (align && TEXT_ALIGN_VALUES.has(align)) {
+    parts.push(`text-align: ${align}`);
+  }
+  const indent = Number(attrs.indent);
+  if (Number.isFinite(indent) && indent > 0) {
+    parts.push(`margin-left: ${indent * INDENT_STEP_EM}em`);
+  }
+  const lineHeight = Number(attrs.lineHeight);
+  if (Number.isFinite(lineHeight) && lineHeight > 0) {
+    parts.push(`line-height: ${lineHeight}`);
+  }
+  return parts.join("; ");
+}
+function parseParagraphStyleAttrs(style) {
+  const attrs = {};
+  for (const entry of style.split(";")) {
+    const index = entry.indexOf(":");
+    if (index < 0) continue;
+    const key = entry.slice(0, index).trim().toLowerCase();
+    const value = entry.slice(index + 1).trim();
+    if (!value) continue;
+    if (key === "text-align" && TEXT_ALIGN_VALUES.has(value)) {
+      attrs.textAlign = value;
+    } else if (key === "margin-left") {
+      const match = /^([\d.]+)em$/.exec(value);
+      const em = match ? Number.parseFloat(match[1]) : NaN;
+      const level = Number.isFinite(em) && em > 0 ? Math.round(em / INDENT_STEP_EM) : 0;
+      if (level > 0) attrs.indent = level;
+    } else if (key === "line-height") {
+      const parsed = Number.parseFloat(value);
+      if (Number.isFinite(parsed) && parsed > 0) attrs.lineHeight = parsed;
+    }
+  }
+  return attrs;
+}
+function hasKnownStyle(style) {
+  const lowered = style.toLowerCase();
+  return KNOWN_STYLE_KEYS.some((key) => lowered.includes(`${key}:`));
+}
+function paragraphRenderMarkdown(node, helpers) {
+  const children = helpers.renderChildren(node.content ?? []);
+  const style = paragraphStyleString(
+    node.attrs ?? {}
+  );
+  if (!style) return children;
+  return `<p style="${encodeAttr(style)}">${children}</p>`;
+}
+function headingRenderMarkdown(node, helpers) {
+  var _a;
+  const children = helpers.renderChildren(node.content ?? []);
+  const level = Math.min(
+    Math.max(Number((_a = node.attrs) == null ? void 0 : _a.level) || 1, 1),
+    6
+  );
+  const style = paragraphStyleString(
+    node.attrs ?? {}
+  );
+  if (!style) return `${"#".repeat(level)} ${children}`;
+  return `<h${level} style="${encodeAttr(style)}">${children}</h${level}>`;
+}
+const paragraphMarkdownTokenizer = {
+  name: "paragraph",
+  level: "block",
+  start(src) {
+    const match = /<(?:p|h[1-6])\s+style=/i.exec(src);
+    return match ? match.index : -1;
+  },
+  tokenize(src, _tokens, lexer) {
+    const match = /^<(p|h([1-6]))\s+style="([^"]*)"\s*>([\s\S]*?)<\/\1\s*>/i.exec(
+      src
+    );
+    if (!match) return void 0;
+    const [, tag, headingLevel, style, inner] = match;
+    if (!hasKnownStyle(style)) return void 0;
+    return {
+      type: "paragraph",
+      raw: match[0],
+      tag,
+      hLevel: headingLevel ? Number(headingLevel) : null,
+      style,
+      // 行内内容交给 marked 的 lexer 解析：bold / link 等照常还原（与 sup/sub 同一手法）
+      tokens: lexer.inlineTokens(inner ?? "")
+    };
+  }
+};
+const ROW_BLOCK_TYPES = /* @__PURE__ */ new Set(["image", "chart"]);
+function paragraphParseMarkdown(token, helpers) {
+  const attrs = parseParagraphStyleAttrs(String(token.style ?? ""));
+  const content = helpers.parseInline(token.tokens ?? []);
+  const blockOnly = content.length > 0 && Object.keys(attrs).length === 0 && content.every((child) => ROW_BLOCK_TYPES.has(String(child.type)));
+  if (blockOnly) return content;
+  if (token.hLevel) {
+    return helpers.createNode("heading", { level: token.hLevel, ...attrs }, content);
+  }
+  return helpers.createNode("paragraph", attrs, content);
+}
+function parseIndentValue(value, stepEm) {
+  if (!value) return null;
+  const match = /^([\d.]+)em$/.exec(value.trim());
+  if (!match) return null;
+  const em = Number.parseFloat(match[1]);
+  if (!Number.isFinite(em) || em <= 0) return null;
+  const level = Math.round(em / stepEm);
+  return level > 0 ? level : null;
+}
+function parseLineHeightValue(value) {
+  if (!value) return null;
+  const parsed = Number.parseFloat(value);
+  return Number.isFinite(parsed) && parsed > 0 ? parsed : null;
+}
+function clampIndent(level, max) {
+  if (!Number.isFinite(level) || level <= 0) return 0;
+  return Math.min(Math.round(level), max);
+}
+const ParagraphStyles = Extension.create({
+  name: "paragraphStyles",
+  addOptions() {
+    return {
+      types: [],
+      indentStepEm: 2,
+      maxIndent: 8
+    };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          indent: {
+            default: null,
+            parseHTML: (element) => parseIndentValue(element.style.marginLeft, this.options.indentStepEm),
+            renderHTML: (attributes) => {
+              const level = clampIndent(
+                Number(attributes.indent),
+                this.options.maxIndent
+              );
+              if (level === 0) return {};
+              return {
+                style: `margin-left: ${level * this.options.indentStepEm}em`
+              };
+            }
+          },
+          lineHeight: {
+            default: null,
+            parseHTML: (element) => parseLineHeightValue(element.style.lineHeight),
+            renderHTML: (attributes) => {
+              const value = Number(attributes.lineHeight);
+              if (!Number.isFinite(value) || value <= 0) return {};
+              return { style: `line-height: ${value}` };
+            }
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    const runOnTypes = (attrs) => (props) => this.options.types.map((type) => props.commands.updateAttributes(type, attrs)).some((response) => response);
+    const currentIndent = ({ editor }) => {
+      for (const type of this.options.types) {
+        const value = editor.getAttributes(type).indent;
+        if (value != null) return Number(value) || 0;
+      }
+      return 0;
+    };
+    return {
+      setIndent: (level) => (props) => {
+        const next = clampIndent(Number(level), this.options.maxIndent);
+        return runOnTypes({ indent: next || null })(props);
+      },
+      increaseIndent: () => (props) => runOnTypes({
+        indent: clampIndent(currentIndent(props) + 1, this.options.maxIndent) || null
+      })(props),
+      decreaseIndent: () => (props) => runOnTypes({
+        indent: clampIndent(currentIndent(props) - 1, this.options.maxIndent) || null
+      })(props),
+      setLineHeight: (value) => (props) => runOnTypes({
+        lineHeight: value == null ? null : parseLineHeightValue(String(value))
+      })(props)
+    };
+  }
+});
 const InlineCode = Code.extend({
   excludes: ""
 });
@@ -739,10 +1102,61 @@ const MarkdownSubscript = Subscript.extend({
 const pureCodeBlock = CodeBlockLowlight.extend({
   parseMarkdown: (token, helpers) => parseCodeTokenAsChartOrCodeBlock(token, helpers, "codeBlock")
 }).configure({ lowlight });
-const pureImage = Image.configure({ inline: false });
+const pureImage = Image.extend({
+  addAttributes() {
+    var _a;
+    return {
+      ...((_a = Image.config.addAttributes) == null ? void 0 : _a.call(this)) ?? {},
+      align: imageAlignAttribute,
+      caption: imageCaptionAttribute
+    };
+  },
+  parseHTML() {
+    return [
+      imageFigureParseRule(),
+      {
+        tag: this.options.allowBase64 ? "img[src]" : 'img[src]:not([src^="data:"])'
+      }
+    ];
+  },
+  renderHTML({ node, HTMLAttributes }) {
+    return imageNodeHtml({
+      attrs: node.attrs,
+      htmlAttributes: mergeAttributes(
+        this.options.HTMLAttributes,
+        HTMLAttributes
+      )
+    });
+  },
+  renderMarkdown: imageRenderMarkdown,
+  parseMarkdown: imageParseMarkdown,
+  markdownTokenizer: imageMarkdownTokenizer
+}).configure({ inline: false });
+const MarkdownParagraph = Paragraph.extend({
+  renderMarkdown: paragraphRenderMarkdown,
+  markdownTokenizer: paragraphMarkdownTokenizer,
+  parseMarkdown: paragraphParseMarkdown
+});
+const MarkdownHeading = Heading.extend({
+  renderMarkdown: headingRenderMarkdown
+});
 const baseExtensions = [
-  // 禁用 StarterKit 内置 codeBlock / code，统一改用 lowlight 代码块 + 可共存的 InlineCode
-  StarterKit.configure({ codeBlock: false, code: false }),
+  // 禁用 StarterKit 内置 codeBlock / code（改用 lowlight 代码块 + 可共存的 InlineCode）
+  // 与 paragraph / heading（改用带 markdown 样式往返的版本，见上）
+  StarterKit.configure({
+    codeBlock: false,
+    code: false,
+    paragraph: false,
+    heading: false
+  }),
+  MarkdownParagraph,
+  MarkdownHeading,
+  // 段落级样式：文字对齐用官方扩展（免费）；缩进 / 行高自研（官方无此扩展）。
+  // 三者都往节点 style 上写片段，tiptap 的 mergeAttributes 对 style 做拼接合并。
+  TextAlign.configure({ types: [MarkdownParagraph.name, MarkdownHeading.name] }),
+  ParagraphStyles.configure({
+    types: [MarkdownParagraph.name, MarkdownHeading.name]
+  }),
   InlineCode,
   MarkdownTextStyle,
   Color.configure({ types: [TextStyle.name] }),
@@ -840,7 +1254,9 @@ function extractToc(doc, lockedTitles = []) {
   return items;
 }
 export {
+  subscribeMathClick as A,
   CitationRef as C,
+  ParagraphStyles as P,
   pureCodeBlock as a,
   baseExtensions as b,
   pureImage as c,
@@ -854,10 +1270,18 @@ export {
   parseCodeTokenAsChartOrCodeBlock as k,
   lowlight as l,
   makeTocGetId as m,
-  renderMathInto as n,
-  subscribeMathClick as o,
+  normalizeImageAlign as n,
+  imageMarkdownTokenizer as o,
   prepareChartMarkdown as p,
+  imageParseMarkdown as q,
   renderMathElementHtml as r,
-  stabilizeMarkdown as s
+  stabilizeMarkdown as s,
+  imageRenderMarkdown as t,
+  imageNodeHtml as u,
+  imageFigureParseRule as v,
+  imageCaptionAttribute as w,
+  imageAlignAttribute as x,
+  normalizeImageCaption as y,
+  renderMathInto as z
 };
-//# sourceMappingURL=extractToc-BaR6LP1f.js.map
+//# sourceMappingURL=extractToc-CGrBMGvM.js.map