tiptap-markdown-react 0.8.0 → 0.8.2

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;
@@ -326,6 +327,11 @@
 .tiptap-mathematics-render.block-math-error {
   color: #c0392b;
 }
+
+/* 编辑中：占位仍在，视觉交给浮层预览，避免正文公式与预览叠两份 */
+.tiptap-mathematics-render.tmr-math-editing {
+  visibility: hidden;
+}
 /* 代码块 NodeView：白底、细边框、顶部 header 放语言选择（Radix 下拉）+ 删除。 */
 ._wrapper_5i2vi_2 {
   position: relative;
@@ -526,7 +532,7 @@
   color: #22863a;
 }
 /* 顶部操作栏：横跨宽度、内容居中、细线灰图标。配色映射到可覆盖的 --tmr-* 变量。 */
-._toolbar_8cpy8_2 {
+._toolbar_16b09_2 {
   --sb-accent: var(--tmr-accent, #ff6719);
   --sb-text: var(--tmr-text, #363737);
   --sb-muted: var(--tmr-toolbar-muted, #6b6b6b);
@@ -539,7 +545,7 @@
   z-index: 8;
 }
 
-._inner_8cpy8_15 {
+._inner_16b09_15 {
   display: flex;
   align-items: center;
   justify-content: safe center;
@@ -551,7 +557,7 @@
   overflow-x: auto;
 }
 
-._btn_8cpy8_27 {
+._btn_16b09_27 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -569,28 +575,28 @@
   transition: background 0.15s, color 0.15s;
 }
 
-._btn_8cpy8_27:hover:not(:disabled) {
+._btn_16b09_27:hover:not(:disabled) {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._btnActive_8cpy8_50 {
+._btnActive_16b09_50 {
   color: var(--sb-accent);
   background: #fff3ec;
 }
 
-._btnActive_8cpy8_50:hover {
+._btnActive_16b09_50:hover {
   color: var(--sb-accent);
   background: #ffe8da;
 }
 
-._btn_8cpy8_27:disabled {
+._btn_16b09_27:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
 /* 表内浮动工具条（BubbleMenu portal 到 body，拿不到 .toolbar 变量，故写死配色） */
-._tableBubble_8cpy8_66 {
+._tableBubble_16b09_66 {
   display: flex;
   align-items: center;
   gap: 2px;
@@ -602,7 +608,7 @@
 }
 
 /* 文字型图标（引用等） */
-._txtIcon_8cpy8_78 {
+._txtIcon_16b09_78 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 16px;
   font-weight: 600;
@@ -610,7 +616,7 @@
 }
 
 /* 文字颜色 / 高亮图标：字母 + 底部当前色条 */
-._colorIcon_8cpy8_86 {
+._colorIcon_16b09_86 {
   display: inline-flex;
   flex-direction: column;
   align-items: center;
@@ -618,20 +624,20 @@
   line-height: 1;
 }
 
-._colorIconGlyph_8cpy8_94 {
+._colorIconGlyph_16b09_94 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 15px;
   font-weight: 600;
 }
 
-._colorIconBar_8cpy8_100 {
+._colorIconBar_16b09_100 {
   width: 16px;
   height: 3px;
   border-radius: 1.5px;
 }
 
 /* A▾ 上标/下标下拉触发器 */
-._scriptTrigger_8cpy8_107 {
+._scriptTrigger_16b09_107 {
   display: inline-flex;
   align-items: center;
   gap: 3px;
@@ -646,12 +652,12 @@
   transition: background 0.15s, color 0.15s;
 }
 
-._scriptTrigger_8cpy8_107:hover {
+._scriptTrigger_16b09_107:hover {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._scriptTriggerGlyph_8cpy8_127 {
+._scriptTriggerGlyph_16b09_127 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 16px;
   font-weight: 600;
@@ -659,7 +665,7 @@
   text-underline-offset: 2px;
 }
 
-._divider_8cpy8_135 {
+._divider_16b09_135 {
   width: 1px;
   height: 20px;
   margin: 0 8px;
@@ -668,7 +674,7 @@
 }
 
 /* ── Style / Size / More 下拉触发器 ── */
-._styleTrigger_8cpy8_144 {
+._styleTrigger_16b09_144 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -688,16 +694,16 @@
   transition: background 0.15s;
 }
 
-._styleTrigger_8cpy8_144:hover:not(:disabled) {
+._styleTrigger_16b09_144:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._styleTrigger_8cpy8_144:disabled {
+._styleTrigger_16b09_144:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-._styleTriggerLabel_8cpy8_173 {
+._styleTriggerLabel_16b09_173 {
   flex: 1;
   text-align: left;
   overflow: hidden;
@@ -705,19 +711,19 @@
   text-overflow: ellipsis;
 }
 
-._styleTriggerCaret_8cpy8_181 {
+._styleTriggerCaret_16b09_181 {
   color: var(--sb-muted);
   flex: none;
 }
 
 /* 下拉项：图标 + 文字 */
-._styleItem_8cpy8_187 {
+._styleItem_16b09_187 {
   display: inline-flex;
   align-items: center;
   gap: 12px;
 }
 
-._styleIcon_8cpy8_193 {
+._styleIcon_16b09_193 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -727,19 +733,19 @@
 }
 
 /* 上标 / 下标图标 */
-._scriptGlyph_8cpy8_203 {
+._scriptGlyph_16b09_203 {
   display: inline-block;
   text-align: center;
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
 }
 
-._scriptGlyph_8cpy8_203 sup,
-._scriptGlyph_8cpy8_203 sub {
+._scriptGlyph_16b09_203 sup,
+._scriptGlyph_16b09_203 sub {
   font-size: 0.7em;
 }
 
 /* ── Radix 下拉菜单面板（替代 antd .ant-dropdown-menu） ── */
-._menu_8cpy8_215 {
+._menu_16b09_215 {
   min-width: 200px;
   padding: 6px;
   background: #fff;
@@ -750,7 +756,7 @@
   z-index: 1000;
 }
 
-._menuItem_8cpy8_226 {
+._menuItem_16b09_226 {
   display: flex;
   align-items: center;
   width: 100%;
@@ -766,126 +772,167 @@
   outline: none;
 }
 
-._menuItem_8cpy8_226:hover:not(:disabled) {
+._menuItem_16b09_226:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._menuItem_8cpy8_226:disabled {
+._menuItem_16b09_226:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
 /* 选中态：品牌色高亮 */
-._menuItemSelected_8cpy8_252 {
+._menuItemSelected_16b09_252 {
   background: #fff3ec;
   color: var(--sb-accent);
 }
 
-._menuItemSelected_8cpy8_252 ._styleIcon_8cpy8_193 {
+._menuItemSelected_16b09_252 ._styleIcon_16b09_193 {
   color: var(--sb-accent);
 }
 
-._menuItemSelected_8cpy8_252:hover:not(:disabled) {
+._menuItemSelected_16b09_252:hover:not(:disabled) {
   background: #ffe8da;
 }
 
 /* Radix Popover 内容（承载 ColorPalette），面板自带阴影，这里只兜底 z-index */
-._popoverContent_8cpy8_266 {
+._popoverContent_16b09_266 {
   z-index: 1000;
 }
 
-._mathOverlay_8cpy8_270 {
-  position: fixed;
-  inset: 0;
-  z-index: 1100;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgb(0 0 0 / 24%);
+._mathLayer_16b09_270 {
+  position: absolute;
+  z-index: 6;
 }
 
-._mathPopover_8cpy8_280 {
-  width: min(420px, calc(100vw - 32px));
-  padding: 14px;
-  background: #fff;
-  border-radius: 10px;
-  box-shadow:
-    0 6px 24px rgba(0, 0, 0, 0.12),
-    0 0 0 1px rgba(0, 0, 0, 0.06);
+._mathStack_16b09_275 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
 }
 
-._mathTitle_8cpy8_290 {
-  margin-bottom: 8px;
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--sb-text, #363737);
+._mathStackBlock_16b09_282 {
+  align-items: stretch;
+  width: 100%;
 }
 
-._mathTextarea_8cpy8_297 {
-  display: block;
-  width: 100%;
-  margin: 0;
-  padding: 8px 10px;
-  border: 1px solid var(--sb-border, #ececec);
+._mathHint_16b09_287 {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px;
   border-radius: 6px;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  background: var(--tmr-code-bg, #f4f4f4);
+  color: var(--tmr-muted, #777777);
   font-size: 13px;
-  line-height: 1.45;
-  color: var(--sb-text, #363737);
-  resize: vertical;
+  line-height: 1.4;
 }
 
-._mathTextarea_8cpy8_297:focus {
-  outline: 2px solid var(--sb-accent, #ff6719);
-  outline-offset: 1px;
+._mathHintBlock_16b09_299 {
+  width: 100%;
+  padding: 10px 14px;
+  border-radius: 8px;
 }
 
-._mathPreview_8cpy8_316 {
-  min-height: 44px;
-  margin-top: 8px;
-  padding: 8px 10px;
+._mathHintIcon_16b09_305 {
+  font-family: ui-serif, Georgia, 'Times New Roman', serif;
+  font-size: 12px;
+  opacity: 0.85;
+}
+
+._mathPreviewInline_16b09_311 {
+  display: inline-flex;
+  max-width: min(440px, calc(100vw - 24px));
+  padding: 4px 10px;
   overflow-x: auto;
-  background: #f7f7f7;
   border-radius: 6px;
+  background: #fff3ec;
+  color: var(--tmr-text, #363737);
+}
+
+._mathPreviewBlock_16b09_321 {
+  width: 100%;
+  min-height: 48px;
+  padding: 14px 16px;
+  overflow-x: auto;
+  border-radius: 8px;
+  background: var(--tmr-code-bg, #f4f4f4);
   text-align: center;
+  color: var(--tmr-text, #363737);
 }
 
-._mathActions_8cpy8_326 {
+._mathPreviewBlock_16b09_321 .katex-display {
+  margin: 0;
+}
+
+._mathField_16b09_336 {
   display: flex;
-  justify-content: flex-end;
+  align-items: center;
   gap: 8px;
-  margin-top: 12px;
+  width: min(440px, calc(100vw - 24px));
+  padding: 6px 6px 6px 14px;
+  background: var(--tmr-popover-bg, #fff);
+  border: 1px solid var(--tmr-toolbar-border, #ececec);
+  border-radius: 999px;
+  box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
 }
 
-._mathBtn_8cpy8_333 {
-  height: 32px;
-  padding: 0 12px;
-  border: 1px solid var(--sb-border, #ececec);
-  border-radius: 6px;
-  background: #fff;
-  color: var(--sb-text, #363737);
+._mathFieldBlock_16b09_348 {
+  align-items: flex-start;
+  width: 100%;
+  border-radius: 12px;
+  padding: 10px 10px 10px 14px;
+}
+
+._mathInput_16b09_355 {
+  flex: 1;
+  min-width: 0;
+  margin: 0;
+  padding: 4px 0;
+  border: none;
+  background: transparent;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
   font-size: 13px;
-  cursor: pointer;
+  line-height: 1.45;
+  color: var(--tmr-text, #363737);
+  resize: none;
 }
 
-._mathBtn_8cpy8_333:hover:not(:disabled) {
-  background: #f3f3f3;
+._mathInput_16b09_355:focus {
+  outline: none;
 }
 
-._mathBtnPrimary_8cpy8_348 {
-  border-color: var(--sb-accent, #ff6719);
-  background: var(--sb-accent, #ff6719);
+._mathDone_16b09_373 {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
+  height: 28px;
+  padding: 0 10px;
+  border: none;
+  border-radius: 999px;
+  background: var(--tmr-accent, #ff6719);
   color: #fff;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
 }
 
-._mathBtnPrimary_8cpy8_348:hover:not(:disabled) {
+._mathDone_16b09_373:hover:not(:disabled) {
   filter: brightness(0.95);
 }
 
-._mathBtn_8cpy8_333:disabled {
+._mathDone_16b09_373:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
+
+._mathDoneKbd_16b09_398 {
+  font-size: 11px;
+  font-weight: 500;
+  opacity: 0.85;
+}
 /* 颜色面板：None 清除行 + 10×6 色板 + THEME 品牌色 */
 ._palette_x5lrq_2 {
   padding: 14px;