tiptap-markdown-react 0.8.2 → 0.8.3

package/dist/style.css

@@ -532,7 +532,7 @@
   color: #22863a;
 }
 /* 顶部操作栏：横跨宽度、内容居中、细线灰图标。配色映射到可覆盖的 --tmr-* 变量。 */
-._toolbar_16b09_2 {
+._toolbar_w3tos_2 {
   --sb-accent: var(--tmr-accent, #ff6719);
   --sb-text: var(--tmr-text, #363737);
   --sb-muted: var(--tmr-toolbar-muted, #6b6b6b);
@@ -545,7 +545,7 @@
   z-index: 8;
 }
 
-._inner_16b09_15 {
+._inner_w3tos_15 {
   display: flex;
   align-items: center;
   justify-content: safe center;
@@ -557,7 +557,7 @@
   overflow-x: auto;
 }
 
-._btn_16b09_27 {
+._btn_w3tos_27 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -575,28 +575,28 @@
   transition: background 0.15s, color 0.15s;
 }
 
-._btn_16b09_27:hover:not(:disabled) {
+._btn_w3tos_27:hover:not(:disabled) {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._btnActive_16b09_50 {
+._btnActive_w3tos_50 {
   color: var(--sb-accent);
   background: #fff3ec;
 }
 
-._btnActive_16b09_50:hover {
+._btnActive_w3tos_50:hover {
   color: var(--sb-accent);
   background: #ffe8da;
 }
 
-._btn_16b09_27:disabled {
+._btn_w3tos_27:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
 /* 表内浮动工具条（BubbleMenu portal 到 body，拿不到 .toolbar 变量，故写死配色） */
-._tableBubble_16b09_66 {
+._tableBubble_w3tos_66 {
   display: flex;
   align-items: center;
   gap: 2px;
@@ -608,7 +608,7 @@
 }
 
 /* 文字型图标（引用等） */
-._txtIcon_16b09_78 {
+._txtIcon_w3tos_78 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 16px;
   font-weight: 600;
@@ -616,7 +616,7 @@
 }
 
 /* 文字颜色 / 高亮图标：字母 + 底部当前色条 */
-._colorIcon_16b09_86 {
+._colorIcon_w3tos_86 {
   display: inline-flex;
   flex-direction: column;
   align-items: center;
@@ -624,20 +624,20 @@
   line-height: 1;
 }
 
-._colorIconGlyph_16b09_94 {
+._colorIconGlyph_w3tos_94 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 15px;
   font-weight: 600;
 }
 
-._colorIconBar_16b09_100 {
+._colorIconBar_w3tos_100 {
   width: 16px;
   height: 3px;
   border-radius: 1.5px;
 }
 
 /* A▾ 上标/下标下拉触发器 */
-._scriptTrigger_16b09_107 {
+._scriptTrigger_w3tos_107 {
   display: inline-flex;
   align-items: center;
   gap: 3px;
@@ -652,12 +652,12 @@
   transition: background 0.15s, color 0.15s;
 }
 
-._scriptTrigger_16b09_107:hover {
+._scriptTrigger_w3tos_107:hover {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._scriptTriggerGlyph_16b09_127 {
+._scriptTriggerGlyph_w3tos_127 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 16px;
   font-weight: 600;
@@ -665,7 +665,7 @@
   text-underline-offset: 2px;
 }
 
-._divider_16b09_135 {
+._divider_w3tos_135 {
   width: 1px;
   height: 20px;
   margin: 0 8px;
@@ -674,7 +674,7 @@
 }
 
 /* ── Style / Size / More 下拉触发器 ── */
-._styleTrigger_16b09_144 {
+._styleTrigger_w3tos_144 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -694,16 +694,16 @@
   transition: background 0.15s;
 }
 
-._styleTrigger_16b09_144:hover:not(:disabled) {
+._styleTrigger_w3tos_144:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._styleTrigger_16b09_144:disabled {
+._styleTrigger_w3tos_144:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-._styleTriggerLabel_16b09_173 {
+._styleTriggerLabel_w3tos_173 {
   flex: 1;
   text-align: left;
   overflow: hidden;
@@ -711,19 +711,19 @@
   text-overflow: ellipsis;
 }
 
-._styleTriggerCaret_16b09_181 {
+._styleTriggerCaret_w3tos_181 {
   color: var(--sb-muted);
   flex: none;
 }
 
 /* 下拉项：图标 + 文字 */
-._styleItem_16b09_187 {
+._styleItem_w3tos_187 {
   display: inline-flex;
   align-items: center;
   gap: 12px;
 }
 
-._styleIcon_16b09_193 {
+._styleIcon_w3tos_193 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -733,19 +733,19 @@
 }
 
 /* 上标 / 下标图标 */
-._scriptGlyph_16b09_203 {
+._scriptGlyph_w3tos_203 {
   display: inline-block;
   text-align: center;
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
 }
 
-._scriptGlyph_16b09_203 sup,
-._scriptGlyph_16b09_203 sub {
+._scriptGlyph_w3tos_203 sup,
+._scriptGlyph_w3tos_203 sub {
   font-size: 0.7em;
 }
 
 /* ── Radix 下拉菜单面板（替代 antd .ant-dropdown-menu） ── */
-._menu_16b09_215 {
+._menu_w3tos_215 {
   min-width: 200px;
   padding: 6px;
   background: #fff;
@@ -756,7 +756,7 @@
   z-index: 1000;
 }
 
-._menuItem_16b09_226 {
+._menuItem_w3tos_226 {
   display: flex;
   align-items: center;
   width: 100%;
@@ -772,52 +772,52 @@
   outline: none;
 }
 
-._menuItem_16b09_226:hover:not(:disabled) {
+._menuItem_w3tos_226:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._menuItem_16b09_226:disabled {
+._menuItem_w3tos_226:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
 /* 选中态：品牌色高亮 */
-._menuItemSelected_16b09_252 {
+._menuItemSelected_w3tos_252 {
   background: #fff3ec;
   color: var(--sb-accent);
 }
 
-._menuItemSelected_16b09_252 ._styleIcon_16b09_193 {
+._menuItemSelected_w3tos_252 ._styleIcon_w3tos_193 {
   color: var(--sb-accent);
 }
 
-._menuItemSelected_16b09_252:hover:not(:disabled) {
+._menuItemSelected_w3tos_252:hover:not(:disabled) {
   background: #ffe8da;
 }
 
 /* Radix Popover 内容（承载 ColorPalette），面板自带阴影，这里只兜底 z-index */
-._popoverContent_16b09_266 {
+._popoverContent_w3tos_266 {
   z-index: 1000;
 }
 
-._mathLayer_16b09_270 {
+._mathLayer_w3tos_270 {
   position: absolute;
   z-index: 6;
 }
 
-._mathStack_16b09_275 {
+._mathStack_w3tos_275 {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
 }
 
-._mathStackBlock_16b09_282 {
+._mathStackBlock_w3tos_282 {
   align-items: stretch;
   width: 100%;
 }
 
-._mathHint_16b09_287 {
+._mathHint_w3tos_287 {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -829,19 +829,19 @@
   line-height: 1.4;
 }
 
-._mathHintBlock_16b09_299 {
+._mathHintBlock_w3tos_299 {
   width: 100%;
   padding: 10px 14px;
   border-radius: 8px;
 }
 
-._mathHintIcon_16b09_305 {
+._mathHintIcon_w3tos_305 {
   font-family: ui-serif, Georgia, 'Times New Roman', serif;
   font-size: 12px;
   opacity: 0.85;
 }
 
-._mathPreviewInline_16b09_311 {
+._mathPreviewInline_w3tos_311 {
   display: inline-flex;
   max-width: min(440px, calc(100vw - 24px));
   padding: 4px 10px;
@@ -849,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_16b09_321 {
+._mathPreviewBlock_w3tos_337 {
   width: 100%;
   min-height: 48px;
   padding: 14px 16px;
@@ -860,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_16b09_321 .katex-display {
+._mathPreviewBlock_w3tos_337 .katex-display {
   margin: 0;
 }
 
-._mathField_16b09_336 {
+._mathField_w3tos_367 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -878,14 +909,14 @@
   box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
 }
 
-._mathFieldBlock_16b09_348 {
+._mathFieldBlock_w3tos_379 {
   align-items: flex-start;
   width: 100%;
   border-radius: 12px;
   padding: 10px 10px 10px 14px;
 }
 
-._mathInput_16b09_355 {
+._mathInput_w3tos_386 {
   flex: 1;
   min-width: 0;
   margin: 0;
@@ -899,11 +930,11 @@
   resize: none;
 }
 
-._mathInput_16b09_355:focus {
+._mathInput_w3tos_386:focus {
   outline: none;
 }
 
-._mathDone_16b09_373 {
+._mathDone_w3tos_404 {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -919,16 +950,16 @@
   cursor: pointer;
 }
 
-._mathDone_16b09_373:hover:not(:disabled) {
+._mathDone_w3tos_404:hover:not(:disabled) {
   filter: brightness(0.95);
 }
 
-._mathDone_16b09_373:disabled {
+._mathDone_w3tos_404:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
-._mathDoneKbd_16b09_398 {
+._mathDoneKbd_w3tos_429 {
   font-size: 11px;
   font-weight: 500;
   opacity: 0.85;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiptap-markdown-react",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "description": "A batteries-included, self-styled Markdown WYSIWYG editor and reader suite built on Tiptap v3. Markdown in/out, SSR/static rendering, table of contents, themeable via CSS variables, zero Ant Design.",
   "type": "module",
   "license": "MIT",