tiptap-markdown-react 0.17.1 → 0.18.0

package/dist/style.css

@@ -1369,7 +1369,7 @@ table.tmr-pending-anchor {
   color: #22863a;
 }
 /* 顶部操作栏：横跨宽度、内容居中、细线灰图标。配色映射到可覆盖的 --tmr-* 变量。 */
-._toolbar_1f7fb_2 {
+._toolbar_6osph_2 {
   --sb-accent: var(--tmr-accent, #ff6719);
   --sb-text: var(--tmr-text, #363737);
   --sb-muted: var(--tmr-toolbar-muted, #6b6b6b);
@@ -1382,19 +1382,25 @@ table.tmr-pending-anchor {
   z-index: 8;
 }
 
-._inner_1f7fb_15 {
+._inner_6osph_15 {
   display: flex;
   align-items: center;
   justify-content: safe center;
-  flex-wrap: nowrap;
-  gap: 2px;
+  /* 控件排满一行后换行而不是横向滚：`nowrap` + `overflow-x: auto` 会把行尾的控件
+     推到可视区外（宿主接上 onSearch 后就轮到了搜索入口），而工具栏横向滚动几乎没人会做。
+     宽容器里仍然只有一行，换行只在装不下时发生。 */
+  flex-wrap: wrap;
+  /* 横向不留间距：每个按钮自带 8px 内边距、分隔线自带 8px 外边距，视觉间距已经够了，
+     这 2px×二十来个控件是行内最后那点余量——省下来整行才装得下（列间距 0，换行后才留纵向
+     间距，免得两行贴在一起）。 */
+  gap: 4px 0;
   max-width: 1100px;
   margin: 0 auto;
   padding: 8px 16px;
   overflow-x: auto;
 }
 
-._btn_1f7fb_27 {
+._btn_6osph_33 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1412,88 +1418,28 @@ table.tmr-pending-anchor {
   transition: background 0.15s, color 0.15s;
 }
 
-._btn_1f7fb_27:hover:not(:disabled) {
+._btn_6osph_33:hover:not(:disabled) {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._btnActive_1f7fb_50 {
+._btnActive_6osph_56 {
   color: var(--sb-accent);
   background: #fff3ec;
 }
 
-._btnActive_1f7fb_50:hover {
+._btnActive_6osph_56:hover {
   color: var(--sb-accent);
   background: #ffe8da;
 }
 
-._btn_1f7fb_27:disabled {
+._btn_6osph_33:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-/* 表内右键菜单（portal 到 body，拿不到 .toolbar 变量，故写死配色） */
-._tableBubble_1f7fb_66 {
-  display: flex;
-  flex-direction: column;
-  min-width: 220px;
-  padding: 6px;
-  background: #fff;
-  border: 1px solid #ececec;
-  border-radius: 10px;
-  box-shadow: 0 6px 24px rgb(0 0 0 / 14%);
-}
-
-._tableMenuItem_1f7fb_77 {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  width: 100%;
-  padding: 7px 10px;
-  border: none;
-  border-radius: 6px;
-  background: transparent;
-  color: #363737;
-  font-size: 14px;
-  line-height: 1.3;
-  text-align: left;
-  cursor: pointer;
-  user-select: none;
-}
-
-._tableMenuItem_1f7fb_77:hover:not(:disabled) {
-  background: #f3f3f3;
-}
-
-._tableMenuItem_1f7fb_77:disabled {
-  opacity: 0.35;
-  cursor: not-allowed;
-}
-
-._tableMenuItemIcon_1f7fb_103 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex: none;
-  width: 20px;
-  height: 20px;
-  color: #6b6b6b;
-}
-
-._tableMenuItemLabel_1f7fb_113 {
-  flex: 1;
-  min-width: 0;
-}
-
-._tableMenuDivider_1f7fb_118 {
-  height: 1px;
-  margin: 4px 8px;
-  background: #ececec;
-  flex-shrink: 0;
-}
-
 /* 文字型图标（引用等） */
-._txtIcon_1f7fb_126 {
+._txtIcon_6osph_72 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 16px;
   font-weight: 600;
@@ -1501,7 +1447,7 @@ table.tmr-pending-anchor {
 }
 
 /* 文字颜色 / 高亮图标：字母 + 底部当前色条 */
-._colorIcon_1f7fb_134 {
+._colorIcon_6osph_80 {
   display: inline-flex;
   flex-direction: column;
   align-items: center;
@@ -1509,20 +1455,20 @@ table.tmr-pending-anchor {
   line-height: 1;
 }
 
-._colorIconGlyph_1f7fb_142 {
+._colorIconGlyph_6osph_88 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 15px;
   font-weight: 600;
 }
 
-._colorIconBar_1f7fb_148 {
+._colorIconBar_6osph_94 {
   width: 16px;
   height: 3px;
   border-radius: 1.5px;
 }
 
 /* A▾ 上标/下标下拉触发器 */
-._scriptTrigger_1f7fb_155 {
+._scriptTrigger_6osph_101 {
   display: inline-flex;
   align-items: center;
   gap: 3px;
@@ -1537,12 +1483,12 @@ table.tmr-pending-anchor {
   transition: background 0.15s, color 0.15s;
 }
 
-._scriptTrigger_1f7fb_155:hover {
+._scriptTrigger_6osph_101:hover {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._scriptTriggerGlyph_1f7fb_175 {
+._scriptTriggerGlyph_6osph_121 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 16px;
   font-weight: 600;
@@ -1550,7 +1496,7 @@ table.tmr-pending-anchor {
   text-underline-offset: 2px;
 }
 
-._divider_1f7fb_183 {
+._divider_6osph_129 {
   width: 1px;
   height: 20px;
   margin: 0 8px;
@@ -1559,7 +1505,7 @@ table.tmr-pending-anchor {
 }
 
 /* ── Style / Size / More 下拉触发器 ── */
-._styleTrigger_1f7fb_192 {
+._styleTrigger_6osph_138 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -1579,16 +1525,16 @@ table.tmr-pending-anchor {
   transition: background 0.15s;
 }
 
-._styleTrigger_1f7fb_192:hover:not(:disabled) {
+._styleTrigger_6osph_138:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._styleTrigger_1f7fb_192:disabled {
+._styleTrigger_6osph_138:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-._styleTriggerLabel_1f7fb_221 {
+._styleTriggerLabel_6osph_167 {
   flex: 1;
   text-align: left;
   overflow: hidden;
@@ -1596,19 +1542,19 @@ table.tmr-pending-anchor {
   text-overflow: ellipsis;
 }
 
-._styleTriggerCaret_1f7fb_229 {
+._styleTriggerCaret_6osph_175 {
   color: var(--sb-muted);
   flex: none;
 }
 
 /* 下拉项：图标 + 文字 */
-._styleItem_1f7fb_235 {
+._styleItem_6osph_181 {
   display: inline-flex;
   align-items: center;
   gap: 12px;
 }
 
-._styleIcon_1f7fb_241 {
+._styleIcon_6osph_187 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -1618,19 +1564,19 @@ table.tmr-pending-anchor {
 }
 
 /* 上标 / 下标图标 */
-._scriptGlyph_1f7fb_251 {
+._scriptGlyph_6osph_197 {
   display: inline-block;
   text-align: center;
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
 }
 
-._scriptGlyph_1f7fb_251 sup,
-._scriptGlyph_1f7fb_251 sub {
+._scriptGlyph_6osph_197 sup,
+._scriptGlyph_6osph_197 sub {
   font-size: 0.7em;
 }
 
 /* ── Radix 下拉菜单面板（替代 antd .ant-dropdown-menu） ── */
-._menu_1f7fb_263 {
+._menu_6osph_209 {
   min-width: 200px;
   padding: 6px;
   background: #fff;
@@ -1641,7 +1587,7 @@ table.tmr-pending-anchor {
   z-index: 1000;
 }
 
-._menuItem_1f7fb_274 {
+._menuItem_6osph_220 {
   display: flex;
   align-items: center;
   width: 100%;
@@ -1658,30 +1604,30 @@ table.tmr-pending-anchor {
   gap: 8px;
 }
 
-._menuItem_1f7fb_274:hover:not(:disabled) {
+._menuItem_6osph_220:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._menuItem_1f7fb_274:disabled {
+._menuItem_6osph_220:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
 /* 选中态：品牌色高亮 */
-._menuItemSelected_1f7fb_301 {
+._menuItemSelected_6osph_247 {
   background: #fff3ec;
   color: var(--sb-accent);
 }
 
-._menuItemSelected_1f7fb_301 ._styleIcon_1f7fb_241 {
+._menuItemSelected_6osph_247 ._styleIcon_6osph_187 {
   color: var(--sb-accent);
 }
 
-._menuItemSelected_1f7fb_301:hover:not(:disabled) {
+._menuItemSelected_6osph_247:hover:not(:disabled) {
   background: #ffe8da;
 }
 
-._tableInsertCaret_1f7fb_314 {
+._tableInsertCaret_6osph_260 {
   margin-left: auto;
   color: var(--sb-muted);
   transform: rotate(-90deg);
@@ -1689,7 +1635,7 @@ table.tmr-pending-anchor {
 }
 
 /* 插入表格：行列网格选择器 */
-._tableSizePicker_1f7fb_322 {
+._tableSizePicker_6osph_268 {
   padding: 10px;
   background: #fff;
   border-radius: 10px;
@@ -1699,12 +1645,12 @@ table.tmr-pending-anchor {
   z-index: 1001;
 }
 
-._tableSizeGrid_1f7fb_332 {
+._tableSizeGrid_6osph_278 {
   display: grid;
   gap: 3px;
 }
 
-._tableSizeCell_1f7fb_337 {
+._tableSizeCell_6osph_283 {
   width: 16px;
   height: 16px;
   padding: 0;
@@ -1714,12 +1660,12 @@ table.tmr-pending-anchor {
   cursor: pointer;
 }
 
-._tableSizeCellActive_1f7fb_347 {
+._tableSizeCellActive_6osph_293 {
   border-color: var(--tmr-accent, #ff6719);
   background: #fff3ec;
 }
 
-._tableSizeLabel_1f7fb_352 {
+._tableSizeLabel_6osph_298 {
   margin-top: 8px;
   text-align: center;
   font-size: 12px;
@@ -1728,28 +1674,28 @@ table.tmr-pending-anchor {
 }
 
 /* Radix Popover 内容（承载 ColorPalette），面板自带阴影，这里只兜底 z-index */
-._popoverContent_1f7fb_361 {
+._popoverContent_6osph_307 {
   z-index: 1000;
 }
 
-._mathLayer_1f7fb_365 {
+._mathLayer_6osph_311 {
   position: absolute;
   z-index: 6;
 }
 
-._mathStack_1f7fb_370 {
+._mathStack_6osph_316 {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
 }
 
-._mathStackBlock_1f7fb_377 {
+._mathStackBlock_6osph_323 {
   align-items: stretch;
   width: 100%;
 }
 
-._mathHint_1f7fb_382 {
+._mathHint_6osph_328 {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -1761,19 +1707,19 @@ table.tmr-pending-anchor {
   line-height: 1.4;
 }
 
-._mathHintBlock_1f7fb_394 {
+._mathHintBlock_6osph_340 {
   width: 100%;
   padding: 10px 14px;
   border-radius: 8px;
 }
 
-._mathHintIcon_1f7fb_400 {
+._mathHintIcon_6osph_346 {
   font-family: ui-serif, Georgia, 'Times New Roman', serif;
   font-size: 12px;
   opacity: 0.85;
 }
 
-._mathPreviewInline_1f7fb_406 {
+._mathPreviewInline_6osph_352 {
   display: inline-flex;
   max-width: min(440px, calc(100vw - 24px));
   padding: 4px 10px;
@@ -1783,7 +1729,7 @@ table.tmr-pending-anchor {
   color: var(--tmr-text, #363737);
 }
 
-._mathPreviewBlock_1f7fb_416 {
+._mathPreviewBlock_6osph_362 {
   width: 100%;
   min-height: 48px;
   padding: 14px 16px;
@@ -1794,11 +1740,11 @@ table.tmr-pending-anchor {
   color: var(--tmr-text, #363737);
 }
 
-._mathPreviewBlock_1f7fb_416 .katex-display {
+._mathPreviewBlock_6osph_362 .katex-display {
   margin: 0;
 }
 
-._mathField_1f7fb_431 {
+._mathField_6osph_377 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -1810,14 +1756,14 @@ table.tmr-pending-anchor {
   box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
 }
 
-._mathFieldBlock_1f7fb_443 {
+._mathFieldBlock_6osph_389 {
   align-items: flex-start;
   width: 100%;
   border-radius: 12px;
   padding: 10px 10px 10px 14px;
 }
 
-._mathInput_1f7fb_450 {
+._mathInput_6osph_396 {
   flex: 1;
   min-width: 0;
   margin: 0;
@@ -1831,11 +1777,11 @@ table.tmr-pending-anchor {
   resize: none;
 }
 
-._mathInput_1f7fb_450:focus {
+._mathInput_6osph_396:focus {
   outline: none;
 }
 
-._mathDone_1f7fb_468 {
+._mathDone_6osph_414 {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -1851,16 +1797,16 @@ table.tmr-pending-anchor {
   cursor: pointer;
 }
 
-._mathDone_1f7fb_468:hover:not(:disabled) {
+._mathDone_6osph_414:hover:not(:disabled) {
   filter: brightness(0.95);
 }
 
-._mathDone_1f7fb_468:disabled {
+._mathDone_6osph_414:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
-._mathDoneKbd_1f7fb_493 {
+._mathDoneKbd_6osph_439 {
   font-size: 11px;
   font-weight: 500;
   opacity: 0.85;
@@ -1952,6 +1898,281 @@ table.tmr-pending-anchor {
   display: flex;
   gap: 6px;
 }
+/* 链接编辑浮层。配色走 --tmr-* 变量（与工具栏 / 查找条同一套），宿主可覆盖。
+
+   给宿主的稳定选择器（内部 class 是 CSS Modules 哈希过的）：根节点 [data-link-popover]、
+   输入框 [data-link-field]、按钮 [data-link-action="apply|open|remove"]；
+   地址被编辑器判为非法时输入框带 [data-link-invalid]。 */
+
+._panel_qysb1_7 {
+  --lp-text: var(--tmr-text, #363737);
+  --lp-muted: var(--tmr-toolbar-muted, #6b6b6b);
+  --lp-border: var(--tmr-toolbar-border, #ececec);
+  --lp-accent: var(--tmr-accent, #ff6719);
+
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 6px;
+  box-sizing: border-box;
+  background: #fff;
+  border: 1px solid var(--lp-border);
+  border-radius: 10px;
+  box-shadow: 0 6px 24px rgb(0 0 0 / 14%);
+  color: var(--lp-text);
+  font: inherit;
+  font-size: 14px;
+  line-height: 1.3;
+}
+
+/* 输入框：与查找条的 .field 同一套尺寸（30px 高、6px 圆角），两个浮层看起来是一家 */
+._field_qysb1_28 {
+  display: inline-flex;
+  align-items: center;
+  flex: none;
+  width: 216px;
+  height: 30px;
+  padding: 0 8px;
+  box-sizing: border-box;
+  border: 1px solid var(--lp-border);
+  border-radius: 6px;
+  background: #fff;
+}
+
+._field_qysb1_28:focus-within {
+  border-color: var(--lp-accent);
+}
+
+/* 地址被 setLink 的 isAllowedUri 拒了：边框转成危险色，title 里给一句解释 */
+._fieldInvalid_qysb1_47,
+._fieldInvalid_qysb1_47:focus-within {
+  border-color: var(--tmr-danger, #d4380d);
+}
+
+._input_qysb1_52 {
+  width: 100%;
+  min-width: 0;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+}
+
+/* 应用与其他两个动作之间的一道细线：前者是「落盘」，后者是「对已有链接动手」 */
+._divider_qysb1_63 {
+  flex: none;
+  width: 1px;
+  height: 20px;
+  margin: 0 2px;
+  background: var(--lp-border);
+}
+
+._btn_qysb1_71 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  height: 30px;
+  min-width: 30px;
+  padding: 0 6px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--lp-muted);
+  font: inherit;
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+}
+
+._btn_qysb1_71:hover:not(:disabled) {
+  background: #f3f3f3;
+  color: var(--lp-text);
+}
+
+._btn_qysb1_71:disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+/* 应用是这一层的主动作，单独给强调色（其余两个是次要动作） */
+._apply_qysb1_99 {
+  color: var(--lp-accent);
+}
+/* 表格悬停手柄（Notion 式）+ 它的操作菜单。配色走 --tmr-* 变量，宿主可覆盖。
+
+   给宿主的稳定选择器（内部 class 是 CSS Modules 哈希过的）：行手柄 [data-table-handle="row"]、
+   列手柄 [data-table-handle="col"]、菜单根 [data-table-menu]。 */
+
+/* ── 手柄 ──────────────────────────────────────────────────────────────
+   固定定位（视口坐标）：手柄要贴在单元格的行/列边缘，而它渲染在 body 上的 portal 里，
+   没法用绝对定位跟着表格走。滚动 / 缩放时由组件收起，等下一次移动重新贴。 */
+._handle_cco3n_9 {
+  position: fixed;
+  z-index: 8;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  box-sizing: border-box;
+  border: 1px solid var(--tmr-table-handle-border, #e8e8ea);
+  background: var(--tmr-table-handle-bg, #f1f1f3);
+  color: var(--tmr-table-handle-fg, #7a7a7a);
+  font-family: inherit;
+  line-height: 1;
+  cursor: pointer;
+  user-select: none;
+  transition: background 0.12s, color 0.12s, border-color 0.12s;
+}
+
+/* 命中区补桥（行）：胶囊本体离表格留了 8px 视觉留白，那 8px 加一块看不见的命中区，
+   让「单元格 → 手柄」这段路上没有既非单元格也非手柄的空隙——否则指针走到一半手柄就收了。
+   伪元素也算宿主按钮的一部分，点它命中的是按钮本身。 */
+._handleRow_cco3n_30::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 100%;
+  width: 8px;
+}
+
+/* 命中区补桥（列）：同上，补在胶囊下方到表格上缘的 6px。 */
+._handleCol_cco3n_40::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 100%;
+  height: 6px;
+}
+
+/* 行手柄：贴在行左缘的竖胶囊。长度（height）由组件按行高给，这里只定粗细。 */
+._handleRow_cco3n_30 {
+  width: 18px;
+  border-radius: 999px;
+  font-size: 14px;
+}
+
+/* 列手柄：贴在表格上方的横胶囊。长度（width）由组件按列宽给，这里只定高度。 */
+._handleCol_cco3n_40 {
+  height: 16px;
+  border-radius: 999px;
+  font-size: 13px;
+}
+
+._handle_cco3n_9:hover {
+  background: var(--tmr-accent, #ff6719);
+  border-color: transparent;
+  color: #fff;
+}
+
+/* 末尾追加行列的 `+` 手柄：贴在表格右缘 / 下缘，长度跟着表格尺寸走（见组件里的 style）。 */
+._extend_cco3n_70 {
+  position: fixed;
+  z-index: 8;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  box-sizing: border-box;
+  border: 1px solid var(--tmr-table-handle-border, #e8e8ea);
+  background: var(--tmr-table-handle-bg, #f1f1f3);
+  color: var(--tmr-table-handle-fg, #7a7a7a);
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 1;
+  cursor: pointer;
+  user-select: none;
+  transition: background 0.12s, color 0.12s, border-color 0.12s;
+}
+
+._extend_cco3n_70:hover {
+  background: var(--tmr-accent, #ff6719);
+  border-color: transparent;
+  color: #fff;
+}
+
+/* 命中区补桥：把命中区接到表格边缘（与行 / 列手柄同理，免得指针走过去时掉空档） */
+._extend_cco3n_70[data-table-extend='col']::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 100%;
+  width: 6px;
+}
+
+._extend_cco3n_70[data-table-extend='row']::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 100%;
+  height: 6px;
+}
+
+/* ── 操作菜单（portal 到 body，拿不到 .toolbar 变量，故写死配色） ── */
+._tableBubble_cco3n_115 {
+  position: fixed;
+  z-index: 12;
+  display: flex;
+  flex-direction: column;
+  min-width: 220px;
+  padding: 6px;
+  background: #fff;
+  border: 1px solid #ececec;
+  border-radius: 10px;
+  box-shadow: 0 6px 24px rgb(0 0 0 / 14%);
+}
+
+._tableMenuItem_cco3n_128 {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 7px 10px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: #363737;
+  font-size: 14px;
+  line-height: 1.3;
+  text-align: left;
+  cursor: pointer;
+  user-select: none;
+}
+
+._tableMenuItem_cco3n_128:hover:not(:disabled) {
+  background: #f3f3f3;
+}
+
+._tableMenuItem_cco3n_128:disabled {
+  opacity: 0.35;
+  cursor: not-allowed;
+}
+
+._tableMenuItemIcon_cco3n_154 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  width: 20px;
+  height: 20px;
+  color: #6b6b6b;
+}
+
+._tableMenuItemLabel_cco3n_164 {
+  flex: 1;
+  min-width: 0;
+}
+
+._tableMenuDivider_cco3n_169 {
+  height: 1px;
+  margin: 4px 8px;
+  background: #ececec;
+  flex-shrink: 0;
+}
 /* 目录面板（阅读页 + 编辑页共用）。accent / 圆角 8px / 文字比正文小一档。 */
 
 ._desktop_euqdt_3 {