tiptap-markdown-react 1.5.0 → 1.6.0

package/dist/style.css

@@ -3861,40 +3861,52 @@ table.tmr-pending-anchor {
   height: 15px;
 }
 /* 顶部操作栏：横跨宽度、内容居中、细线灰图标。配色映射到可覆盖的 --tmr-* 变量。 */
-._toolbar_1vr0x_2 {
+._toolbar_1y8hn_2 {
   --sb-accent: var(--tmr-accent, #ff6719);
   --sb-text: var(--tmr-text, #363737);
   --sb-muted: var(--tmr-toolbar-muted, #6b6b6b);
   --sb-border: var(--tmr-toolbar-border, #ececec);
 
+  box-sizing: border-box;
   width: 100%;
+  /* 放进 flex / grid 时默认 min-width:auto 会按按钮内容撑开这一列。
+     外层若 overflow:hidden，多出来的部分被裁掉，下面的横滚也滚不到头。 */
+  max-width: 100%;
+  min-width: 0;
   flex: none;
   border-bottom: 1px solid var(--sb-border);
   background: #fff;
   z-index: 8;
 }
 
-._inner_1vr0x_15 {
+._inner_1y8hn_20 {
   display: flex;
   align-items: center;
   /* 溢出时 `safe` 让居中回退为起点对齐——否则两端内容会被裁掉且滚不到头 */
   justify-content: safe center;
-  /* 控件排满一行后横向滚动（2026-10-10 按用户要求从「换行」改为滚动）：
-     单行、不换行；macOS 的 overlay 滚动条平时隐藏，触控板 / Shift+滚轮 / 细滚动条可横向滚。 */
+  /* 控件排满一行后在栏内横向滚动（2026-10-10 按用户要求从「换行」改为滚动）：
+     单行、不换行。宽度跟操作栏走，不再用固定 1100px——按钮一多就会恒定溢出，
+     右端落在可视区外，macOS 的 overlay 滚动条平时又看不见。
+     窄于按钮行时才出现横滚。overflow-y 显式 hidden：只写 overflow-x:auto
+     时规范会把另一轴提升成 auto，亚像素会多出一根纵向滚动条。 */
   flex-wrap: nowrap;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  margin: 0;
+  padding: 8px 16px;
   overflow-x: auto;
+  overflow-y: hidden;
   scrollbar-width: thin;
-  max-width: 1100px;
-  margin: 0 auto;
-  padding: 8px 16px;
 }
 
 /* 单行 + 溢出滚动时不允许把控件压扁（各控件本来就该保持自身宽度） */
-._inner_1vr0x_15 > * {
+._inner_1y8hn_20 > * {
   flex-shrink: 0;
 }
 
-._btn_1vr0x_35 {
+._btn_1y8hn_47 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3912,28 +3924,28 @@ table.tmr-pending-anchor {
   transition: background 0.15s, color 0.15s;
 }
 
-._btn_1vr0x_35:hover:not(:disabled) {
+._btn_1y8hn_47:hover:not(:disabled) {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._btnActive_1vr0x_58 {
+._btnActive_1y8hn_70 {
   color: var(--sb-accent);
   background: #fff3ec;
 }
 
-._btnActive_1vr0x_58:hover {
+._btnActive_1y8hn_70:hover {
   color: var(--sb-accent);
   background: #ffe8da;
 }
 
-._btn_1vr0x_35:disabled {
+._btn_1y8hn_47:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
 /* 文字型图标（引用等） */
-._txtIcon_1vr0x_74 {
+._txtIcon_1y8hn_86 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 16px;
   font-weight: 600;
@@ -3941,7 +3953,7 @@ table.tmr-pending-anchor {
 }
 
 /* 文字颜色 / 高亮图标：字母 + 底部当前色条 */
-._colorIcon_1vr0x_82 {
+._colorIcon_1y8hn_94 {
   display: inline-flex;
   flex-direction: column;
   align-items: center;
@@ -3949,20 +3961,20 @@ table.tmr-pending-anchor {
   line-height: 1;
 }
 
-._colorIconGlyph_1vr0x_90 {
+._colorIconGlyph_1y8hn_102 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 15px;
   font-weight: 600;
 }
 
-._colorIconBar_1vr0x_96 {
+._colorIconBar_1y8hn_108 {
   width: 16px;
   height: 3px;
   border-radius: 1.5px;
 }
 
 /* A▾ 上标/下标下拉触发器 */
-._scriptTrigger_1vr0x_103 {
+._scriptTrigger_1y8hn_115 {
   display: inline-flex;
   align-items: center;
   gap: 3px;
@@ -3977,12 +3989,12 @@ table.tmr-pending-anchor {
   transition: background 0.15s, color 0.15s;
 }
 
-._scriptTrigger_1vr0x_103:hover {
+._scriptTrigger_1y8hn_115:hover {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._scriptTriggerGlyph_1vr0x_123 {
+._scriptTriggerGlyph_1y8hn_135 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 16px;
   font-weight: 600;
@@ -3990,7 +4002,7 @@ table.tmr-pending-anchor {
   text-underline-offset: 2px;
 }
 
-._divider_1vr0x_131 {
+._divider_1y8hn_143 {
   width: 1px;
   height: 20px;
   margin: 0 8px;
@@ -3999,12 +4011,11 @@ table.tmr-pending-anchor {
 }
 
 /* ── Style / Size / More 下拉触发器 ── */
-._styleTrigger_1vr0x_140 {
+._styleTrigger_1y8hn_152 {
   display: inline-flex;
   align-items: center;
   /* 紧凑口径：宽随文案、文字与箭头只隔 4px。旧版固定 76px + space-between 会把二者
-     拉开到 ~17px，且四枚固定宽把工具栏内层（max-width: 1100px）恒定撑出 40px 溢出，
-     末端「更多」的箭头被裁在滚动容器可视区外（2026-10-10 用户反馈）。
+     拉开到 ~17px，四枚固定宽还会把按钮行撑出一截看不见的溢出（2026-10-10 用户反馈）。
      max-width 兜住长文案：最宽不超过旧的固定宽。 */
   justify-content: flex-start;
   gap: 4px;
@@ -4024,16 +4035,16 @@ table.tmr-pending-anchor {
   transition: background 0.15s;
 }
 
-._styleTrigger_1vr0x_140:hover:not(:disabled) {
+._styleTrigger_1y8hn_152:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._styleTrigger_1vr0x_140:disabled {
+._styleTrigger_1y8hn_152:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-._styleTriggerLabel_1vr0x_174 {
+._styleTriggerLabel_1y8hn_185 {
   /* 不吃满空档：文字与箭头的间距完全由 gap 决定（flex: 1 会把空档塞在两者之间） */
   flex: 0 1 auto;
   text-align: left;
@@ -4043,39 +4054,39 @@ table.tmr-pending-anchor {
 }
 
 /* 样式 / 字号按钮：候选文案叠在同一格，宽度取最长的一档，切换时按钮不伸缩。 */
-._styleTriggerStable_1vr0x_184 {
+._styleTriggerStable_1y8hn_195 {
   max-width: none;
 }
 
-._styleTriggerLabelStable_1vr0x_188 {
+._styleTriggerLabelStable_1y8hn_199 {
   display: inline-grid;
   overflow: visible;
 }
 
-._styleTriggerSizer_1vr0x_193,
-._styleTriggerValue_1vr0x_194 {
+._styleTriggerSizer_1y8hn_204,
+._styleTriggerValue_1y8hn_205 {
   grid-area: 1 / 1;
   white-space: nowrap;
 }
 
-._styleTriggerSizer_1vr0x_193 {
+._styleTriggerSizer_1y8hn_204 {
   visibility: hidden;
   height: 0;
   overflow: hidden;
 }
 
-._styleTriggerSizer_1vr0x_193 > span {
+._styleTriggerSizer_1y8hn_204 > span {
   display: block;
 }
 
-._styleTriggerCaret_1vr0x_209 {
+._styleTriggerCaret_1y8hn_220 {
   color: var(--sb-muted);
   flex: none;
 }
 
 /* 图标型触发器（对齐 / 缩进 / 行高，与 .styleTrigger 合用）：基础类是给「文字 + 箭头」的，
    图标型只需「图标 + 箭头」贴紧并居中——宽度随内容、间距再收一档。 */
-._iconTrigger_1vr0x_216 {
+._iconTrigger_1y8hn_227 {
   width: auto;
   justify-content: center;
   gap: 2px;
@@ -4083,13 +4094,13 @@ table.tmr-pending-anchor {
 }
 
 /* 下拉项：图标 + 文字 */
-._styleItem_1vr0x_224 {
+._styleItem_1y8hn_235 {
   display: inline-flex;
   align-items: center;
   gap: 12px;
 }
 
-._styleIcon_1vr0x_230 {
+._styleIcon_1y8hn_241 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -4099,19 +4110,19 @@ table.tmr-pending-anchor {
 }
 
 /* 上标 / 下标图标 */
-._scriptGlyph_1vr0x_240 {
+._scriptGlyph_1y8hn_251 {
   display: inline-block;
   text-align: center;
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
 }
 
-._scriptGlyph_1vr0x_240 sup,
-._scriptGlyph_1vr0x_240 sub {
+._scriptGlyph_1y8hn_251 sup,
+._scriptGlyph_1y8hn_251 sub {
   font-size: 0.7em;
 }
 
 /* ── Radix 下拉菜单面板 ── */
-._menu_1vr0x_252 {
+._menu_1y8hn_263 {
   min-width: 200px;
   padding: 6px;
   background: #fff;
@@ -4122,7 +4133,7 @@ table.tmr-pending-anchor {
   z-index: 1000;
 }
 
-._menuItem_1vr0x_263 {
+._menuItem_1y8hn_274 {
   display: flex;
   align-items: center;
   width: 100%;
@@ -4139,59 +4150,59 @@ table.tmr-pending-anchor {
   gap: 8px;
 }
 
-._menuItem_1vr0x_263:hover:not(:disabled) {
+._menuItem_1y8hn_274:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._menuItem_1vr0x_263:disabled {
+._menuItem_1y8hn_274:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
 /* 选中态：品牌色高亮 */
-._menuItemSelected_1vr0x_290 {
+._menuItemSelected_1y8hn_301 {
   background: #fff3ec;
   color: var(--sb-accent);
 }
 
-._menuItemSelected_1vr0x_290 ._styleIcon_1vr0x_230 {
+._menuItemSelected_1y8hn_301 ._styleIcon_1y8hn_241 {
   color: var(--sb-accent);
 }
 
-._menuItemSelected_1vr0x_290:hover:not(:disabled) {
+._menuItemSelected_1y8hn_301:hover:not(:disabled) {
   background: #ffe8da;
 }
 
 /* 有序列表按钮 + 编号格式箭头，贴在一起当一组。
    高亮画在这一组上，箭头和列表图标在同一块底色里。 */
-._listSplit_1vr0x_305 {
+._listSplit_1y8hn_316 {
   display: inline-flex;
   align-items: center;
   border-radius: 6px;
 }
 
-._listSplitActive_1vr0x_311 {
+._listSplitActive_1y8hn_322 {
   background: #fff3ec;
 }
 
-._listSplitActive_1vr0x_311:hover {
+._listSplitActive_1y8hn_322:hover {
   background: #ffe8da;
 }
 
-._listSplitActive_1vr0x_311 ._btn_1vr0x_35,
-._listSplitActive_1vr0x_311 ._btn_1vr0x_35:hover,
-._listSplitActive_1vr0x_311 ._btnActive_1vr0x_58,
-._listSplitActive_1vr0x_311 ._btnActive_1vr0x_58:hover,
-._listSplitActive_1vr0x_311 ._numberingCaret_1vr0x_323,
-._listSplitActive_1vr0x_311 ._numberingCaret_1vr0x_323:hover {
+._listSplitActive_1y8hn_322 ._btn_1y8hn_47,
+._listSplitActive_1y8hn_322 ._btn_1y8hn_47:hover,
+._listSplitActive_1y8hn_322 ._btnActive_1y8hn_70,
+._listSplitActive_1y8hn_322 ._btnActive_1y8hn_70:hover,
+._listSplitActive_1y8hn_322 ._numberingCaret_1y8hn_334,
+._listSplitActive_1y8hn_322 ._numberingCaret_1y8hn_334:hover {
   background: transparent;
 }
 
-._listSplitActive_1vr0x_311 ._numberingCaret_1vr0x_323 {
+._listSplitActive_1y8hn_322 ._numberingCaret_1y8hn_334 {
   color: var(--sb-accent);
 }
 
-._numberingCaret_1vr0x_323 {
+._numberingCaret_1y8hn_334 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -4207,16 +4218,16 @@ table.tmr-pending-anchor {
   flex-shrink: 0;
 }
 
-._numberingCaret_1vr0x_323:hover {
+._numberingCaret_1y8hn_334:hover {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._numberingCaretActive_1vr0x_353 {
+._numberingCaretActive_1y8hn_364 {
   color: var(--sb-accent);
 }
 
-._numberingMenu_1vr0x_357 {
+._numberingMenu_1y8hn_368 {
   width: 220px;
   min-width: 0;
   padding: 6px;
@@ -4226,13 +4237,13 @@ table.tmr-pending-anchor {
   overscroll-behavior: contain;
 }
 
-._numberingGrid_1vr0x_367 {
+._numberingGrid_1y8hn_378 {
   display: flex;
   flex-direction: column;
   gap: 2px;
 }
 
-._numberingOption_1vr0x_373 {
+._numberingOption_1y8hn_384 {
   display: block;
   width: 100%;
   padding: 6px 8px;
@@ -4243,37 +4254,37 @@ table.tmr-pending-anchor {
   text-align: left;
 }
 
-._numberingOption_1vr0x_373:hover {
+._numberingOption_1y8hn_384:hover {
   background: #f3f3f3;
 }
 
-._numberingOptionActive_1vr0x_388 {
+._numberingOptionActive_1y8hn_399 {
   background: #fff3ec;
   box-shadow: inset 0 0 0 1px var(--sb-accent);
 }
 
-._numberingPreview_1vr0x_393 {
+._numberingPreview_1y8hn_404 {
   display: flex;
   flex-direction: column;
   gap: 3px;
 }
 
-._numberingPreviewRow_1vr0x_399 {
+._numberingPreviewRow_1y8hn_410 {
   display: flex;
   align-items: center;
   gap: 6px;
   height: 12px;
 }
 
-._numberingPreviewRow_1vr0x_399[data-depth='2'] {
+._numberingPreviewRow_1y8hn_410[data-depth='2'] {
   padding-left: 10px;
 }
 
-._numberingPreviewRow_1vr0x_399[data-depth='3'] {
+._numberingPreviewRow_1y8hn_410[data-depth='3'] {
   padding-left: 20px;
 }
 
-._numberingPreviewMarker_1vr0x_414 {
+._numberingPreviewMarker_1y8hn_425 {
   flex: none;
   font-size: 10px;
   line-height: 1;
@@ -4281,13 +4292,13 @@ table.tmr-pending-anchor {
   font-variant-numeric: tabular-nums;
 }
 
-._numberingPreviewLine_1vr0x_422 {
+._numberingPreviewLine_1y8hn_433 {
   flex: 1;
   height: 1px;
   background: #c8c8c8;
 }
 
-._tableInsertCaret_1vr0x_428 {
+._tableInsertCaret_1y8hn_439 {
   margin-left: auto;
   color: var(--sb-muted);
   transform: rotate(-90deg);
@@ -4295,7 +4306,7 @@ table.tmr-pending-anchor {
 }
 
 /* 插入表格：行列网格选择器 */
-._tableSizePicker_1vr0x_436 {
+._tableSizePicker_1y8hn_447 {
   padding: 10px;
   background: #fff;
   border-radius: 10px;
@@ -4305,12 +4316,12 @@ table.tmr-pending-anchor {
   z-index: 1001;
 }
 
-._tableSizeGrid_1vr0x_446 {
+._tableSizeGrid_1y8hn_457 {
   display: grid;
   gap: 3px;
 }
 
-._tableSizeCell_1vr0x_451 {
+._tableSizeCell_1y8hn_462 {
   width: 16px;
   height: 16px;
   padding: 0;
@@ -4320,12 +4331,12 @@ table.tmr-pending-anchor {
   cursor: pointer;
 }
 
-._tableSizeCellActive_1vr0x_461 {
+._tableSizeCellActive_1y8hn_472 {
   border-color: var(--tmr-accent, #ff6719);
   background: #fff3ec;
 }
 
-._tableSizeLabel_1vr0x_466 {
+._tableSizeLabel_1y8hn_477 {
   margin-top: 8px;
   text-align: center;
   font-size: 12px;
@@ -4334,28 +4345,28 @@ table.tmr-pending-anchor {
 }
 
 /* Radix Popover 内容（承载 ColorPalette），面板自带阴影，这里只兜底 z-index */
-._popoverContent_1vr0x_475 {
+._popoverContent_1y8hn_486 {
   z-index: 1000;
 }
 
-._mathLayer_1vr0x_479 {
+._mathLayer_1y8hn_490 {
   position: absolute;
   z-index: 6;
 }
 
-._mathStack_1vr0x_484 {
+._mathStack_1y8hn_495 {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
 }
 
-._mathStackBlock_1vr0x_491 {
+._mathStackBlock_1y8hn_502 {
   align-items: stretch;
   width: 100%;
 }
 
-._mathHint_1vr0x_496 {
+._mathHint_1y8hn_507 {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -4367,19 +4378,19 @@ table.tmr-pending-anchor {
   line-height: 1.4;
 }
 
-._mathHintBlock_1vr0x_508 {
+._mathHintBlock_1y8hn_519 {
   width: 100%;
   padding: 10px 14px;
   border-radius: 8px;
 }
 
-._mathHintIcon_1vr0x_514 {
+._mathHintIcon_1y8hn_525 {
   font-family: ui-serif, Georgia, 'Times New Roman', serif;
   font-size: 12px;
   opacity: 0.85;
 }
 
-._mathPreviewInline_1vr0x_520 {
+._mathPreviewInline_1y8hn_531 {
   display: inline-flex;
   max-width: min(440px, calc(100vw - 24px));
   padding: 4px 10px;
@@ -4389,7 +4400,7 @@ table.tmr-pending-anchor {
   color: var(--tmr-text, #363737);
 }
 
-._mathPreviewBlock_1vr0x_530 {
+._mathPreviewBlock_1y8hn_541 {
   width: 100%;
   min-height: 48px;
   padding: 14px 16px;
@@ -4400,11 +4411,11 @@ table.tmr-pending-anchor {
   color: var(--tmr-text, #363737);
 }
 
-._mathPreviewBlock_1vr0x_530 .katex-display {
+._mathPreviewBlock_1y8hn_541 .katex-display {
   margin: 0;
 }
 
-._mathField_1vr0x_545 {
+._mathField_1y8hn_556 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -4416,14 +4427,14 @@ table.tmr-pending-anchor {
   box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
 }
 
-._mathFieldBlock_1vr0x_557 {
+._mathFieldBlock_1y8hn_568 {
   align-items: flex-start;
   width: 100%;
   border-radius: 12px;
   padding: 10px 10px 10px 14px;
 }
 
-._mathInput_1vr0x_564 {
+._mathInput_1y8hn_575 {
   flex: 1;
   min-width: 0;
   margin: 0;
@@ -4437,11 +4448,11 @@ table.tmr-pending-anchor {
   resize: none;
 }
 
-._mathInput_1vr0x_564:focus {
+._mathInput_1y8hn_575:focus {
   outline: none;
 }
 
-._mathDone_1vr0x_582 {
+._mathDone_1y8hn_593 {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -4457,20 +4468,68 @@ table.tmr-pending-anchor {
   cursor: pointer;
 }
 
-._mathDone_1vr0x_582:hover:not(:disabled) {
+._mathDone_1y8hn_593:hover:not(:disabled) {
   filter: brightness(0.95);
 }
 
-._mathDone_1vr0x_582:disabled {
+._mathDone_1y8hn_593:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
-._mathDoneKbd_1vr0x_607 {
+._mathDoneKbd_1y8hn_618 {
   font-size: 11px;
   font-weight: 500;
   opacity: 0.85;
 }
+/* 工具栏「全屏」打在包住工具栏和正文的容器上（见 fullscreen.ts）。
+   铺满视口，而不是 Fullscreen API：portal 到 body 的菜单在浏览器全屏层里会被裁掉。
+   选择器写两遍属性，压过宿主单类名上的 max-height / border（样式表谁后加载都一样）。
+   display 用 important：宿主常用内联 style 控制显隐，内联会盖过属性选择器。 */
+
+[data-tmr-fullscreen][data-tmr-fullscreen] {
+  position: fixed;
+  inset: 0;
+  z-index: var(--tmr-fullscreen-z, 900);
+  box-sizing: border-box;
+  display: flex !important;
+  flex-direction: column;
+  max-width: none;
+  max-height: none;
+  margin: 0;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  background: var(--tmr-fullscreen-bg, #fff);
+  overflow: hidden;
+  padding:
+    env(safe-area-inset-top, 0px)
+    env(safe-area-inset-right, 0px)
+    env(safe-area-inset-bottom, 0px)
+    env(safe-area-inset-left, 0px);
+}
+
+[data-tmr-fullscreen][data-tmr-fullscreen] > [data-tmr-toolbar] {
+  flex: none;
+}
+
+/* 工具栏以外的直接子节点（正文滚动区）吃掉剩余高度，并解开宿主的 max-height。
+   hidden 的 file input 排除在外。 */
+[data-tmr-fullscreen][data-tmr-fullscreen] > :not([data-tmr-toolbar]):not([hidden]) {
+  flex: 1 1 auto;
+  min-height: 0;
+  max-height: none;
+  overflow: auto;
+}
+
+/* 表格手柄 / 图片工具条 portal 到 body，平时 z-index 低于全屏层。
+   抬到全屏之上、菜单（1000）之下。变量设在 :root 上才跟得上，因为这些节点不在全屏容器里。 */
+:root[data-tmr-fullscreen-root] [data-table-handle],
+:root[data-tmr-fullscreen-root] [data-table-extend],
+:root[data-tmr-fullscreen-root] [data-table-menu],
+:root[data-tmr-fullscreen-root] [data-image-align] {
+  z-index: calc(var(--tmr-fullscreen-z, 900) + 10);
+}
 /* 颜色面板：None 清除行 + 10×6 色板 + THEME 品牌色 */
 ._palette_x5lrq_2 {
   padding: 14px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiptap-markdown-react",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "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.",
   "type": "module",
   "license": "MIT",