tiptap-markdown-react 0.8.1 → 0.8.3

package/dist/server.js

@@ -1,5 +1,5 @@
-import { h as applyCitationSources, b as baseExtensions, p as pureCodeBlock, f as pureImage, C as CitationRef, d as makeTocGetId, k as renderMathElementHtml, j as extractToc } from "./extractToc-C0E_xYTj.js";
-import { c, R, i, e, l, a, m } from "./extractToc-C0E_xYTj.js";
+import { h as applyCitationSources, b as baseExtensions, p as pureCodeBlock, f as pureImage, C as CitationRef, d as makeTocGetId, k as renderMathElementHtml, j as extractToc } from "./extractToc-CMvSKha8.js";
+import { c, R, i, e, l, a, m } from "./extractToc-CMvSKha8.js";
 import { TableOfContents, generateTocIds } from "@tiptap/extension-table-of-contents";
 import { MarkdownManager } from "@tiptap/markdown";
 import { renderToHTMLString } from "@tiptap/static-renderer";

package/dist/style.css

@@ -1,11 +1,12 @@
 /* 规范正文样式（编辑器 / 只读预览 / SSR 阅读三处共用同一个类，保证所见即所得、
    发布后一致）。配色/字体全部走可被消费方覆盖的 CSS 变量（--tmr-*，带默认值）。 */
 
-._editorScroll_7o2kw_4 {
+._editorScroll_1kaza_4 {
   margin-top: 24px;
+  position: relative;
 }
 
-._editorContent_7o2kw_8 {
+._editorContent_1kaza_9 {
   outline: none;
   padding: 0;
   font-family: var(
@@ -28,7 +29,7 @@
 }
 
 /* placeholder：空文档第一段显示占位符 */
-._editorContent_7o2kw_8 p.is-editor-empty:first-child::before {
+._editorContent_1kaza_9 p.is-editor-empty:first-child::before {
   content: attr(data-placeholder);
   float: left;
   height: 0;
@@ -36,7 +37,7 @@
   pointer-events: none;
 }
 
-._editorContent_7o2kw_8 h1 {
+._editorContent_1kaza_9 h1 {
   font-family: inherit;
   font-size: 1.55em;
   font-weight: 700;
@@ -44,7 +45,7 @@
   line-height: 1.3;
 }
 
-._editorContent_7o2kw_8 h2 {
+._editorContent_1kaza_9 h2 {
   font-family: inherit;
   font-size: 1.3em;
   font-weight: 700;
@@ -52,7 +53,7 @@
   line-height: 1.3;
 }
 
-._editorContent_7o2kw_8 h3 {
+._editorContent_1kaza_9 h3 {
   font-family: inherit;
   font-size: 1.12em;
   font-weight: 600;
@@ -60,21 +61,21 @@
 }
 
 /* h4-h6：延续 h1-h3 尺寸梯度递减；字号差变小后靠字重保持标题感，h6 字色稍弱。 */
-._editorContent_7o2kw_8 h4 {
+._editorContent_1kaza_9 h4 {
   font-family: inherit;
   font-size: 1.05em;
   font-weight: 600;
   margin: 0.7em 0 0.3em;
 }
 
-._editorContent_7o2kw_8 h5 {
+._editorContent_1kaza_9 h5 {
   font-family: inherit;
   font-size: 0.95em;
   font-weight: 600;
   margin: 0.7em 0 0.3em;
 }
 
-._editorContent_7o2kw_8 h6 {
+._editorContent_1kaza_9 h6 {
   font-family: inherit;
   font-size: 0.88em;
   font-weight: 600;
@@ -82,25 +83,25 @@
   color: var(--tmr-muted, #777777);
 }
 
-._editorContent_7o2kw_8 p {
+._editorContent_1kaza_9 p {
   margin: 0.7em 0;
 }
 
-._editorContent_7o2kw_8 ul,
-._editorContent_7o2kw_8 ol {
+._editorContent_1kaza_9 ul,
+._editorContent_1kaza_9 ol {
   padding-left: 1.5em;
   margin: 0.7em 0;
 }
 
-._editorContent_7o2kw_8 ul {
+._editorContent_1kaza_9 ul {
   list-style: disc;
 }
 
-._editorContent_7o2kw_8 ol {
+._editorContent_1kaza_9 ol {
   list-style: decimal;
 }
 
-._editorContent_7o2kw_8 blockquote {
+._editorContent_1kaza_9 blockquote {
   border-left: 3px solid var(--tmr-accent, #ff6719);
   padding-left: 1em;
   margin: 0.9em 0;
@@ -108,13 +109,13 @@
   font-style: italic;
 }
 
-._editorContent_7o2kw_8 a {
+._editorContent_1kaza_9 a {
   color: var(--tmr-accent, #ff6719);
   text-decoration: underline;
 }
 
 /* 仅行内代码加灰底；代码块内的 <code>（在 pre 内）由 NodeView 自管，排除掉 */
-._editorContent_7o2kw_8 code:not(pre code) {
+._editorContent_1kaza_9 code:not(pre code) {
   background: var(--tmr-code-bg, #f4f4f4);
   padding: 0.15em 0.4em;
   border-radius: 4px;
@@ -129,13 +130,13 @@
   );
 }
 
-._editorContent_7o2kw_8 hr {
+._editorContent_1kaza_9 hr {
   border: none;
   border-top: 1px solid var(--tmr-border, #e6e6e6);
   margin: 1.5em 0;
 }
 
-._editorContent_7o2kw_8 img {
+._editorContent_1kaza_9 img {
   max-width: 100%;
   height: auto;
   border-radius: 6px;
@@ -144,21 +145,21 @@
 }
 
 /* 选中的图片高亮 */
-._editorContent_7o2kw_8 img.ProseMirror-selectednode {
+._editorContent_1kaza_9 img.ProseMirror-selectednode {
   outline: 2px solid var(--tmr-accent, #ff6719);
 }
 
 /* 表格：细边框、表头浅灰；外包 .tableWrapper（编辑器 NodeView + SSR renderWrapper）
  * 桌面：width:100% + 允许换行，整表落在阅读列内（与改前一致）
  * 窄屏：max-content + nowrap，避免列被挤扁，wrapper 内横滑 */
-._editorContent_7o2kw_8 .tableWrapper {
+._editorContent_1kaza_9 .tableWrapper {
   max-width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   margin: 1em 0;
 }
 
-._editorContent_7o2kw_8 table {
+._editorContent_1kaza_9 table {
   border-collapse: collapse;
   table-layout: auto;
   width: 100%;
@@ -168,12 +169,12 @@
 }
 
 /* 无 wrapper 的遗留 HTML（旧缓存）仍给一点外边距 */
-._editorContent_7o2kw_8 :not(.tableWrapper) > table {
+._editorContent_1kaza_9 :not(.tableWrapper) > table {
   margin: 1em 0;
 }
 
-._editorContent_7o2kw_8 table td,
-._editorContent_7o2kw_8 table th {
+._editorContent_1kaza_9 table td,
+._editorContent_1kaza_9 table th {
   border: 1px solid var(--tmr-border, #e6e6e6);
   padding: 8px 12px;
   vertical-align: top;
@@ -184,27 +185,27 @@
   word-break: break-word;
 }
 
-._editorContent_7o2kw_8 table th {
+._editorContent_1kaza_9 table th {
   background: var(--tmr-table-header-bg, #f7f7f7);
   font-weight: 600;
 }
 
 @media (max-width: 640px) {
-  ._editorContent_7o2kw_8 table {
+  ._editorContent_1kaza_9 table {
     width: max-content;
     min-width: 100%;
     max-width: none;
   }
 
-  ._editorContent_7o2kw_8 table td,
-  ._editorContent_7o2kw_8 table th {
+  ._editorContent_1kaza_9 table td,
+  ._editorContent_1kaza_9 table th {
     white-space: nowrap;
     word-break: normal;
   }
 }
 
 /* 选中的单元格高亮 */
-._editorContent_7o2kw_8 table .selectedCell::after {
+._editorContent_1kaza_9 table .selectedCell::after {
   content: '';
   position: absolute;
   inset: 0;
@@ -213,7 +214,7 @@
 }
 
 /* 列宽拖拽手柄 */
-._editorContent_7o2kw_8 table .column-resize-handle {
+._editorContent_1kaza_9 table .column-resize-handle {
   position: absolute;
   right: -2px;
   top: 0;
@@ -224,34 +225,34 @@
 }
 
 /* 任务清单 */
-._editorContent_7o2kw_8 ul[data-type='taskList'] {
+._editorContent_1kaza_9 ul[data-type='taskList'] {
   list-style: none;
   padding-left: 0.2em;
 }
 
-._editorContent_7o2kw_8 ul[data-type='taskList'] li {
+._editorContent_1kaza_9 ul[data-type='taskList'] li {
   display: flex;
   align-items: flex-start;
   gap: 0.5em;
   margin: 0.3em 0;
 }
 
-._editorContent_7o2kw_8 ul[data-type='taskList'] li > label {
+._editorContent_1kaza_9 ul[data-type='taskList'] li > label {
   margin-top: 0.35em;
   user-select: none;
 }
 
-._editorContent_7o2kw_8 ul[data-type='taskList'] li > div {
+._editorContent_1kaza_9 ul[data-type='taskList'] li > div {
   flex: 1;
 }
 
-._editorContent_7o2kw_8 ul[data-type='taskList'] input[type='checkbox'] {
+._editorContent_1kaza_9 ul[data-type='taskList'] input[type='checkbox'] {
   accent-color: var(--tmr-accent, #ff6719);
   cursor: pointer;
 }
 
 /* 脚注/引文圆标：与正文字垂直居中；配色对齐工具栏 active（浅橙底 + accent 字） */
-._editorContent_7o2kw_8 span.citation-ref {
+._editorContent_1kaza_9 span.citation-ref {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -288,7 +289,7 @@
     border-color 0.15s ease;
 }
 
-._editorContent_7o2kw_8 span.citation-ref a {
+._editorContent_1kaza_9 span.citation-ref a {
   color: inherit;
   text-decoration: none;
   display: flex;
@@ -300,19 +301,19 @@
   pointer-events: none;
 }
 
-._editorContent_7o2kw_8 span.citation-ref:hover,
-._editorContent_7o2kw_8 span.citation-ref:focus-within,
-._editorContent_7o2kw_8 span.citation-ref[data-tmr-citation-active] {
+._editorContent_1kaza_9 span.citation-ref:hover,
+._editorContent_1kaza_9 span.citation-ref:focus-within,
+._editorContent_1kaza_9 span.citation-ref[data-tmr-citation-active] {
   background: var(--tmr-citation-bg-hover, var(--tmr-accent, #ff6719));
   border-color: var(--tmr-citation-bg-hover, var(--tmr-accent, #ff6719));
   color: var(--tmr-citation-fg-hover, #ffffff);
 }
 
-._editorContent_7o2kw_8 .tiptap-mathematics-render[data-type='inline-math'] {
+._editorContent_1kaza_9 .tiptap-mathematics-render[data-type='inline-math'] {
   display: inline;
 }
 
-._editorContent_7o2kw_8 .tiptap-mathematics-render[data-type='block-math'] {
+._editorContent_1kaza_9 .tiptap-mathematics-render[data-type='block-math'] {
   margin: 0.9em 0;
   overflow-x: auto;
   text-align: center;
@@ -531,7 +532,7 @@
   color: #22863a;
 }
 /* 顶部操作栏：横跨宽度、内容居中、细线灰图标。配色映射到可覆盖的 --tmr-* 变量。 */
-._toolbar_z6tes_2 {
+._toolbar_w3tos_2 {
   --sb-accent: var(--tmr-accent, #ff6719);
   --sb-text: var(--tmr-text, #363737);
   --sb-muted: var(--tmr-toolbar-muted, #6b6b6b);
@@ -544,7 +545,7 @@
   z-index: 8;
 }
 
-._inner_z6tes_15 {
+._inner_w3tos_15 {
   display: flex;
   align-items: center;
   justify-content: safe center;
@@ -556,7 +557,7 @@
   overflow-x: auto;
 }
 
-._btn_z6tes_27 {
+._btn_w3tos_27 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -574,28 +575,28 @@
   transition: background 0.15s, color 0.15s;
 }
 
-._btn_z6tes_27:hover:not(:disabled) {
+._btn_w3tos_27:hover:not(:disabled) {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._btnActive_z6tes_50 {
+._btnActive_w3tos_50 {
   color: var(--sb-accent);
   background: #fff3ec;
 }
 
-._btnActive_z6tes_50:hover {
+._btnActive_w3tos_50:hover {
   color: var(--sb-accent);
   background: #ffe8da;
 }
 
-._btn_z6tes_27:disabled {
+._btn_w3tos_27:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
 /* 表内浮动工具条（BubbleMenu portal 到 body，拿不到 .toolbar 变量，故写死配色） */
-._tableBubble_z6tes_66 {
+._tableBubble_w3tos_66 {
   display: flex;
   align-items: center;
   gap: 2px;
@@ -607,7 +608,7 @@
 }
 
 /* 文字型图标（引用等） */
-._txtIcon_z6tes_78 {
+._txtIcon_w3tos_78 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 16px;
   font-weight: 600;
@@ -615,7 +616,7 @@
 }
 
 /* 文字颜色 / 高亮图标：字母 + 底部当前色条 */
-._colorIcon_z6tes_86 {
+._colorIcon_w3tos_86 {
   display: inline-flex;
   flex-direction: column;
   align-items: center;
@@ -623,20 +624,20 @@
   line-height: 1;
 }
 
-._colorIconGlyph_z6tes_94 {
+._colorIconGlyph_w3tos_94 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 15px;
   font-weight: 600;
 }
 
-._colorIconBar_z6tes_100 {
+._colorIconBar_w3tos_100 {
   width: 16px;
   height: 3px;
   border-radius: 1.5px;
 }
 
 /* A▾ 上标/下标下拉触发器 */
-._scriptTrigger_z6tes_107 {
+._scriptTrigger_w3tos_107 {
   display: inline-flex;
   align-items: center;
   gap: 3px;
@@ -651,12 +652,12 @@
   transition: background 0.15s, color 0.15s;
 }
 
-._scriptTrigger_z6tes_107:hover {
+._scriptTrigger_w3tos_107:hover {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._scriptTriggerGlyph_z6tes_127 {
+._scriptTriggerGlyph_w3tos_127 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 16px;
   font-weight: 600;
@@ -664,7 +665,7 @@
   text-underline-offset: 2px;
 }
 
-._divider_z6tes_135 {
+._divider_w3tos_135 {
   width: 1px;
   height: 20px;
   margin: 0 8px;
@@ -673,7 +674,7 @@
 }
 
 /* ── Style / Size / More 下拉触发器 ── */
-._styleTrigger_z6tes_144 {
+._styleTrigger_w3tos_144 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -693,16 +694,16 @@
   transition: background 0.15s;
 }
 
-._styleTrigger_z6tes_144:hover:not(:disabled) {
+._styleTrigger_w3tos_144:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._styleTrigger_z6tes_144:disabled {
+._styleTrigger_w3tos_144:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-._styleTriggerLabel_z6tes_173 {
+._styleTriggerLabel_w3tos_173 {
   flex: 1;
   text-align: left;
   overflow: hidden;
@@ -710,19 +711,19 @@
   text-overflow: ellipsis;
 }
 
-._styleTriggerCaret_z6tes_181 {
+._styleTriggerCaret_w3tos_181 {
   color: var(--sb-muted);
   flex: none;
 }
 
 /* 下拉项：图标 + 文字 */
-._styleItem_z6tes_187 {
+._styleItem_w3tos_187 {
   display: inline-flex;
   align-items: center;
   gap: 12px;
 }
 
-._styleIcon_z6tes_193 {
+._styleIcon_w3tos_193 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -732,19 +733,19 @@
 }
 
 /* 上标 / 下标图标 */
-._scriptGlyph_z6tes_203 {
+._scriptGlyph_w3tos_203 {
   display: inline-block;
   text-align: center;
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
 }
 
-._scriptGlyph_z6tes_203 sup,
-._scriptGlyph_z6tes_203 sub {
+._scriptGlyph_w3tos_203 sup,
+._scriptGlyph_w3tos_203 sub {
   font-size: 0.7em;
 }
 
 /* ── Radix 下拉菜单面板（替代 antd .ant-dropdown-menu） ── */
-._menu_z6tes_215 {
+._menu_w3tos_215 {
   min-width: 200px;
   padding: 6px;
   background: #fff;
@@ -755,7 +756,7 @@
   z-index: 1000;
 }
 
-._menuItem_z6tes_226 {
+._menuItem_w3tos_226 {
   display: flex;
   align-items: center;
   width: 100%;
@@ -771,63 +772,52 @@
   outline: none;
 }
 
-._menuItem_z6tes_226:hover:not(:disabled) {
+._menuItem_w3tos_226:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._menuItem_z6tes_226:disabled {
+._menuItem_w3tos_226:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
 /* 选中态：品牌色高亮 */
-._menuItemSelected_z6tes_252 {
+._menuItemSelected_w3tos_252 {
   background: #fff3ec;
   color: var(--sb-accent);
 }
 
-._menuItemSelected_z6tes_252 ._styleIcon_z6tes_193 {
+._menuItemSelected_w3tos_252 ._styleIcon_w3tos_193 {
   color: var(--sb-accent);
 }
 
-._menuItemSelected_z6tes_252:hover:not(:disabled) {
+._menuItemSelected_w3tos_252:hover:not(:disabled) {
   background: #ffe8da;
 }
 
 /* Radix Popover 内容（承载 ColorPalette），面板自带阴影，这里只兜底 z-index */
-._popoverContent_z6tes_266 {
+._popoverContent_w3tos_266 {
   z-index: 1000;
 }
 
-._mathAnchor_z6tes_270 {
-  position: fixed;
-  width: 0;
-  height: 0;
-  pointer-events: none;
-}
-
-._mathContent_z6tes_277 {
-  z-index: 1100;
-  padding: 0;
-  background: transparent;
-  border: none;
-  box-shadow: none;
-  outline: none;
+._mathLayer_w3tos_270 {
+  position: absolute;
+  z-index: 6;
 }
 
-._mathStack_z6tes_286 {
+._mathStack_w3tos_275 {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
 }
 
-._mathStackBlock_z6tes_293 {
+._mathStackBlock_w3tos_282 {
   align-items: stretch;
   width: 100%;
 }
 
-._mathHint_z6tes_298 {
+._mathHint_w3tos_287 {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -839,19 +829,19 @@
   line-height: 1.4;
 }
 
-._mathHintBlock_z6tes_310 {
+._mathHintBlock_w3tos_299 {
   width: 100%;
   padding: 10px 14px;
   border-radius: 8px;
 }
 
-._mathHintIcon_z6tes_316 {
+._mathHintIcon_w3tos_305 {
   font-family: ui-serif, Georgia, 'Times New Roman', serif;
   font-size: 12px;
   opacity: 0.85;
 }
 
-._mathPreviewInline_z6tes_322 {
+._mathPreviewInline_w3tos_311 {
   display: inline-flex;
   max-width: min(440px, calc(100vw - 24px));
   padding: 4px 10px;
@@ -859,9 +849,25 @@
   border-radius: 6px;
   background: #fff3ec;
   color: var(--tmr-text, #363737);
+  /* KaTeX 1.21em 相对此字号；默认对齐 .editorContent，标题内公式由节点 computed size 覆盖 */
+  font-family: var(
+    --tmr-body-font,
+    Spectral,
+    serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif
+  );
+  font-size: var(--tmr-font-size, 19px);
+  line-height: 1;
 }
 
-._mathPreviewBlock_z6tes_332 {
+._mathPreviewBlock_w3tos_337 {
   width: 100%;
   min-height: 48px;
   padding: 14px 16px;
@@ -870,13 +876,28 @@
   background: var(--tmr-code-bg, #f4f4f4);
   text-align: center;
   color: var(--tmr-text, #363737);
+  font-family: var(
+    --tmr-body-font,
+    Spectral,
+    serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif
+  );
+  font-size: var(--tmr-font-size, 19px);
+  line-height: 1;
 }
 
-._mathPreviewBlock_z6tes_332 .katex-display {
+._mathPreviewBlock_w3tos_337 .katex-display {
   margin: 0;
 }
 
-._mathField_z6tes_347 {
+._mathField_w3tos_367 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -888,14 +909,14 @@
   box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
 }
 
-._mathFieldBlock_z6tes_359 {
+._mathFieldBlock_w3tos_379 {
   align-items: flex-start;
   width: 100%;
   border-radius: 12px;
   padding: 10px 10px 10px 14px;
 }
 
-._mathInput_z6tes_366 {
+._mathInput_w3tos_386 {
   flex: 1;
   min-width: 0;
   margin: 0;
@@ -909,11 +930,11 @@
   resize: none;
 }
 
-._mathInput_z6tes_366:focus {
+._mathInput_w3tos_386:focus {
   outline: none;
 }
 
-._mathDone_z6tes_384 {
+._mathDone_w3tos_404 {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -929,16 +950,16 @@
   cursor: pointer;
 }
 
-._mathDone_z6tes_384:hover:not(:disabled) {
+._mathDone_w3tos_404:hover:not(:disabled) {
   filter: brightness(0.95);
 }
 
-._mathDone_z6tes_384:disabled {
+._mathDone_w3tos_404:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
-._mathDoneKbd_z6tes_409 {
+._mathDoneKbd_w3tos_429 {
   font-size: 11px;
   font-weight: 500;
   opacity: 0.85;