tiptap-markdown-react 0.11.0 → 0.12.1

package/dist/style.css

@@ -3,33 +3,31 @@
 
 /* 编辑器最外层：查找替换浮动条的粘性范围就是它（超出编辑器范围后浮动条随之离场）。
    正文的滚动容器仍是 .editorScroll（宿主传的 className 依然落在它身上，契约不变）。 */
-._editorHost_teucm_6 {
+._editorHost_1k0bn_6 {
   position: relative;
 }
 
 /* 浮动条的粘性锚点：高度 0，不占布局、不推挤正文；sticky 让浮动条在「最近的滚动容器」
    里粘住（宿主的外层滚动容器或页面本身），正文滚动时不会把条子卷上去。
    注意：锚点必须在 DOM 里排在正文之前——排在后面的话它的自然位置在正文底部，粘性范围就错了。 */
-._findBarAnchor_teucm_13 {
+._findBarAnchor_1k0bn_13 {
   position: sticky;
-  top: 4px;
+  top: 0;
   height: 0;
   z-index: 7;
 }
 
-/* 浮动条本体：相对锚点绝对定位，浮在正文右上角 */
-._findBar_teucm_13 {
+/* 浮动条本体：绝对定位浮在正文之上，具体落点由 findBarOffset 决定（默认右上 4px） */
+._findBar_1k0bn_13 {
   position: absolute;
-  top: 0;
-  right: 4px;
 }
 
-._editorScroll_teucm_5 {
+._editorScroll_1k0bn_5 {
   margin-top: 24px;
   position: relative;
 }
 
-._editorContent_teucm_32 {
+._editorContent_1k0bn_30 {
   outline: none;
   padding: 0;
   font-family: var(
@@ -52,7 +50,7 @@
 }
 
 /* placeholder：空文档第一段显示占位符 */
-._editorContent_teucm_32 p.is-editor-empty:first-child::before {
+._editorContent_1k0bn_30 p.is-editor-empty:first-child::before {
   content: attr(data-placeholder);
   float: left;
   height: 0;
@@ -60,7 +58,7 @@
   pointer-events: none;
 }
 
-._editorContent_teucm_32 h1 {
+._editorContent_1k0bn_30 h1 {
   font-family: inherit;
   font-size: 1.55em;
   font-weight: 700;
@@ -68,7 +66,7 @@
   line-height: 1.3;
 }
 
-._editorContent_teucm_32 h2 {
+._editorContent_1k0bn_30 h2 {
   font-family: inherit;
   font-size: 1.3em;
   font-weight: 700;
@@ -76,7 +74,7 @@
   line-height: 1.3;
 }
 
-._editorContent_teucm_32 h3 {
+._editorContent_1k0bn_30 h3 {
   font-family: inherit;
   font-size: 1.12em;
   font-weight: 600;
@@ -84,21 +82,21 @@
 }
 
 /* h4-h6：延续 h1-h3 尺寸梯度递减；字号差变小后靠字重保持标题感，h6 字色稍弱。 */
-._editorContent_teucm_32 h4 {
+._editorContent_1k0bn_30 h4 {
   font-family: inherit;
   font-size: 1.05em;
   font-weight: 600;
   margin: 0.7em 0 0.3em;
 }
 
-._editorContent_teucm_32 h5 {
+._editorContent_1k0bn_30 h5 {
   font-family: inherit;
   font-size: 0.95em;
   font-weight: 600;
   margin: 0.7em 0 0.3em;
 }
 
-._editorContent_teucm_32 h6 {
+._editorContent_1k0bn_30 h6 {
   font-family: inherit;
   font-size: 0.88em;
   font-weight: 600;
@@ -106,25 +104,25 @@
   color: var(--tmr-muted, #777777);
 }
 
-._editorContent_teucm_32 p {
+._editorContent_1k0bn_30 p {
   margin: 0.7em 0;
 }
 
-._editorContent_teucm_32 ul,
-._editorContent_teucm_32 ol {
+._editorContent_1k0bn_30 ul,
+._editorContent_1k0bn_30 ol {
   padding-left: 1.5em;
   margin: 0.7em 0;
 }
 
-._editorContent_teucm_32 ul {
+._editorContent_1k0bn_30 ul {
   list-style: disc;
 }
 
-._editorContent_teucm_32 ol {
+._editorContent_1k0bn_30 ol {
   list-style: decimal;
 }
 
-._editorContent_teucm_32 blockquote {
+._editorContent_1k0bn_30 blockquote {
   border-left: 3px solid var(--tmr-accent, #ff6719);
   padding-left: 1em;
   margin: 0.9em 0;
@@ -132,13 +130,13 @@
   font-style: italic;
 }
 
-._editorContent_teucm_32 a {
+._editorContent_1k0bn_30 a {
   color: var(--tmr-accent, #ff6719);
   text-decoration: underline;
 }
 
 /* 仅行内代码加灰底；代码块内的 <code>（在 pre 内）由 NodeView 自管，排除掉 */
-._editorContent_teucm_32 code:not(pre code) {
+._editorContent_1k0bn_30 code:not(pre code) {
   background: var(--tmr-code-bg, #f4f4f4);
   padding: 0.15em 0.4em;
   border-radius: 4px;
@@ -153,13 +151,13 @@
   );
 }
 
-._editorContent_teucm_32 hr {
+._editorContent_1k0bn_30 hr {
   border: none;
   border-top: 1px solid var(--tmr-border, #e6e6e6);
   margin: 1.5em 0;
 }
 
-._editorContent_teucm_32 img {
+._editorContent_1k0bn_30 img {
   max-width: 100%;
   height: auto;
   border-radius: 6px;
@@ -168,21 +166,21 @@
 }
 
 /* 选中的图片高亮 */
-._editorContent_teucm_32 img.ProseMirror-selectednode {
+._editorContent_1k0bn_30 img.ProseMirror-selectednode {
   outline: 2px solid var(--tmr-accent, #ff6719);
 }
 
 /* 表格：细边框、表头浅灰；外包 .tableWrapper（编辑器 NodeView + SSR renderWrapper）
  * 桌面：width:100% + 允许换行，整表落在阅读列内（与改前一致）
  * 窄屏：max-content + nowrap，避免列被挤扁，wrapper 内横滑 */
-._editorContent_teucm_32 .tableWrapper {
+._editorContent_1k0bn_30 .tableWrapper {
   max-width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   margin: 1em 0;
 }
 
-._editorContent_teucm_32 table {
+._editorContent_1k0bn_30 table {
   border-collapse: collapse;
   table-layout: auto;
   width: 100%;
@@ -192,12 +190,12 @@
 }
 
 /* 无 wrapper 的遗留 HTML（旧缓存）仍给一点外边距 */
-._editorContent_teucm_32 :not(.tableWrapper) > table {
+._editorContent_1k0bn_30 :not(.tableWrapper) > table {
   margin: 1em 0;
 }
 
-._editorContent_teucm_32 table td,
-._editorContent_teucm_32 table th {
+._editorContent_1k0bn_30 table td,
+._editorContent_1k0bn_30 table th {
   border: 1px solid var(--tmr-border, #e6e6e6);
   padding: 8px 12px;
   vertical-align: top;
@@ -208,27 +206,27 @@
   word-break: break-word;
 }
 
-._editorContent_teucm_32 table th {
+._editorContent_1k0bn_30 table th {
   background: var(--tmr-table-header-bg, #f7f7f7);
   font-weight: 600;
 }
 
 @media (max-width: 640px) {
-  ._editorContent_teucm_32 table {
+  ._editorContent_1k0bn_30 table {
     width: max-content;
     min-width: 100%;
     max-width: none;
   }
 
-  ._editorContent_teucm_32 table td,
-  ._editorContent_teucm_32 table th {
+  ._editorContent_1k0bn_30 table td,
+  ._editorContent_1k0bn_30 table th {
     white-space: nowrap;
     word-break: normal;
   }
 }
 
 /* 选中的单元格高亮 */
-._editorContent_teucm_32 table .selectedCell::after {
+._editorContent_1k0bn_30 table .selectedCell::after {
   content: '';
   position: absolute;
   inset: 0;
@@ -237,7 +235,7 @@
 }
 
 /* 列宽拖拽手柄 */
-._editorContent_teucm_32 table .column-resize-handle {
+._editorContent_1k0bn_30 table .column-resize-handle {
   position: absolute;
   right: -2px;
   top: 0;
@@ -250,30 +248,30 @@
 /* 任务清单：复选框与首行文字在同一行高内垂直居中。
    li 是 flex 容器，项内段落的外边距不会塌到 li 外（不像普通 ul/ol），只会把正文往下推，
    所以项内段落清零外边距，项间距改由 li 按 ul/ol 的 0.7em 承担。 */
-._editorContent_teucm_32 ul[data-type='taskList'] {
+._editorContent_1k0bn_30 ul[data-type='taskList'] {
   list-style: none;
   padding-left: 0.2em;
 }
 
-._editorContent_teucm_32 ul[data-type='taskList'] li {
+._editorContent_1k0bn_30 ul[data-type='taskList'] li {
   display: flex;
   align-items: flex-start;
   gap: 0.5em;
   margin: 0.7em 0;
 }
 
-._editorContent_teucm_32 ul[data-type='taskList'] li > div > p {
+._editorContent_1k0bn_30 ul[data-type='taskList'] li > div > p {
   margin: 0;
 }
 
 /* 项内第二段起保留半档间距，避免多段任务项的段落粘成一片（首段仍不带外边距） */
-._editorContent_teucm_32 ul[data-type='taskList'] li > div > p + p {
+._editorContent_1k0bn_30 ul[data-type='taskList'] li > div > p + p {
   margin-top: 0.35em;
 }
 
 /* label 撑满一行行高并居中，框心落在首行文字中线上；
    1lh 即该元素当前行高，随 --tmr-line-height（数字或长度写法）一起变，不靠手调偏移。 */
-._editorContent_teucm_32 ul[data-type='taskList'] li > label {
+._editorContent_1k0bn_30 ul[data-type='taskList'] li > label {
   display: flex;
   align-items: center;
   flex: 0 0 auto;
@@ -281,18 +279,18 @@
   user-select: none;
 }
 
-._editorContent_teucm_32 ul[data-type='taskList'] li > div {
+._editorContent_1k0bn_30 ul[data-type='taskList'] li > div {
   flex: 1;
 }
 
-._editorContent_teucm_32 ul[data-type='taskList'] input[type='checkbox'] {
+._editorContent_1k0bn_30 ul[data-type='taskList'] input[type='checkbox'] {
   margin: 0;
   accent-color: var(--tmr-accent, #ff6719);
   cursor: pointer;
 }
 
 /* 脚注/引文圆标：与正文字垂直居中；配色对齐工具栏 active（浅橙底 + accent 字） */
-._editorContent_teucm_32 span.citation-ref {
+._editorContent_1k0bn_30 span.citation-ref {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -329,7 +327,7 @@
     border-color 0.15s ease;
 }
 
-._editorContent_teucm_32 span.citation-ref a {
+._editorContent_1k0bn_30 span.citation-ref a {
   color: inherit;
   text-decoration: none;
   display: flex;
@@ -341,26 +339,26 @@
   pointer-events: none;
 }
 
-._editorContent_teucm_32 span.citation-ref:hover,
-._editorContent_teucm_32 span.citation-ref:focus-within,
-._editorContent_teucm_32 span.citation-ref[data-tmr-citation-active] {
+._editorContent_1k0bn_30 span.citation-ref:hover,
+._editorContent_1k0bn_30 span.citation-ref:focus-within,
+._editorContent_1k0bn_30 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_teucm_32 .tiptap-mathematics-render[data-type='inline-math'] {
+._editorContent_1k0bn_30 .tiptap-mathematics-render[data-type='inline-math'] {
   display: inline;
 }
 
-._editorContent_teucm_32 .tiptap-mathematics-render[data-type='block-math'] {
+._editorContent_1k0bn_30 .tiptap-mathematics-render[data-type='block-math'] {
   margin: 0.9em 0;
   overflow-x: auto;
   text-align: center;
 }
 
 /* 导入占位：进度写在光标处，不进 Markdown */
-._editorContent_teucm_32 .tmr-import-placeholder {
+._editorContent_1k0bn_30 .tmr-import-placeholder {
   display: flex;
   align-items: center;
   gap: 0.5em;
@@ -370,16 +368,16 @@
   user-select: none;
 }
 
-._editorContent_teucm_32 .tmr-import-placeholder-spin {
+._editorContent_1k0bn_30 .tmr-import-placeholder-spin {
   width: 0.7em;
   height: 0.7em;
   border: 1.5px solid var(--tmr-border, #e6e6e6);
   border-top-color: var(--tmr-accent, #ff6719);
   border-radius: 50%;
-  animation: _tmr-import-spin_teucm_1 0.7s linear infinite;
+  animation: _tmr-import-spin_1k0bn_1 0.7s linear infinite;
 }
 
-@keyframes _tmr-import-spin_teucm_1 {
+@keyframes _tmr-import-spin_1k0bn_1 {
   to {
     transform: rotate(360deg);
   }
@@ -589,7 +587,7 @@
 }
 /* 查找替换浮动条。配色走 --tmr-* 变量（与工具栏/评论同一套），宿主可覆盖。 */
 
-._bar_fzqxj_3 {
+._bar_1h61e_3 {
   --fb-accent: var(--tmr-accent, #ff6719);
   --fb-text: var(--tmr-text, #363737);
   --fb-muted: var(--tmr-toolbar-muted, #6b6b6b);
@@ -611,18 +609,31 @@
   line-height: 1.3;
 }
 
-._row_fzqxj_25 {
+._row_1h61e_25 {
   display: flex;
   align-items: center;
-  gap: 4px;
+  /* 行内不留统一 gap：按钮的内边距各不相同（chip 有边框、图标按钮 4px、文字按钮更宽），
+     同一个盒子间距看起来并不一致。间距一律由下面 .toggle / .iconGroup / .textBtn 的
+     margin 补足，目标都是「视觉上看过去 8px」。 */
+  gap: 0;
   /* 窄屏（手机）允许折行，浮动条不会横向溢出 */
   flex-wrap: wrap;
 }
 
-._field_fzqxj_33 {
+/* 第二行起（替换 / 只读提示）与查找行之间用细线分开 */
+._row_1h61e_25 + ._row_1h61e_25 {
+  margin-top: 2px;
+  padding-top: 8px;
+  border-top: 1px solid var(--fb-border);
+}
+
+._field_1h61e_43 {
   display: inline-flex;
   align-items: center;
   gap: 6px;
+  flex: none;
+  /* 两个输入框（带不带放大镜图标）总宽一致，左右边缘都对得齐 */
+  width: 228px;
   height: 30px;
   padding: 0 8px;
   box-sizing: border-box;
@@ -631,17 +642,17 @@
   background: #fff;
 }
 
-._field_fzqxj_33:focus-within {
+._field_1h61e_43:focus-within {
   border-color: var(--fb-accent);
 }
 
-._fieldIcon_fzqxj_49 {
+._fieldIcon_1h61e_62 {
   flex: none;
   color: var(--fb-muted);
 }
 
-._input_fzqxj_54 {
-  width: 190px;
+._input_1h61e_67 {
+  width: 100%;
   min-width: 0;
   border: none;
   outline: none;
@@ -650,28 +661,30 @@
   font: inherit;
 }
 
-/* 计数：等宽数字，避免 1 / 9 → 1 / 10 时宽度跳动 */
-._counter_fzqxj_65 {
+/* 计数：在输入框内右侧，等宽数字避免 1 / 9 → 1 / 10 时跳动；
+   圈到 12px 是为了不跟输入文字抢宽度（长文案时靠 input 的 min-width:0 让位） */
+._counter_1h61e_79 {
   flex: none;
-  min-width: 46px;
-  padding: 0 2px;
+  margin-left: auto;
+  padding-left: 6px;
   color: var(--fb-muted);
+  font-size: 12px;
+  white-space: nowrap;
   font-variant-numeric: tabular-nums;
-  text-align: right;
 }
 
-._counterInvalid_fzqxj_74 {
+._counterInvalid_1h61e_89 {
   color: var(--tmr-danger, #d4380d);
 }
 
-._btn_fzqxj_78 {
+._btn_1h61e_93 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex: none;
   height: 30px;
-  min-width: 30px;
-  padding: 0 8px;
+  min-width: 24px;
+  padding: 0 4px;
   border: none;
   border-radius: 6px;
   background: transparent;
@@ -681,43 +694,52 @@
   transition: background 0.15s, color 0.15s;
 }
 
-._btn_fzqxj_78:hover:not(:disabled) {
+._btn_1h61e_93:hover:not(:disabled) {
   background: #f3f3f3;
   color: var(--fb-text);
 }
 
-._btn_fzqxj_78:disabled {
+._btn_1h61e_93:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-/* 三个开关用短标记（Aa / ab / .*），省宽度且不依赖文案 */
-._toggle_fzqxj_106 {
+/* 查找开关用短标记（Aa / ab），省宽度且不依赖文案；带边框才读得出是控件。
+   有边框 → 边框就是视觉边缘，与前面控件（输入框边框 / 另一个 chip）留 8px 即视觉 8px。 */
+._toggle_1h61e_29 {
+  min-width: 28px;
+  margin-left: 8px;
+  padding: 0 6px;
+  border: 1px solid var(--fb-border);
   font-family: var(--tmr-mono-font, ui-monospace, SFMono-Regular, Menlo, monospace);
   font-size: 13px;
 }
 
-._toggleOn_fzqxj_111 {
-  color: var(--fb-accent);
-  background: #fff3ec;
+._toggle_1h61e_29:hover:not(:disabled) {
+  border-color: var(--fb-muted);
 }
 
-._toggleOn_fzqxj_111:hover:not(:disabled) {
+._toggleOn_1h61e_135,
+._toggleOn_1h61e_135:hover:not(:disabled) {
   color: var(--fb-accent);
-  background: #ffe8da;
+  border-color: var(--fb-accent);
+  background: #fff3ec;
 }
 
-._textBtn_fzqxj_121 {
-  padding: 0 10px;
-  color: var(--fb-text);
+/* 上一条 / 下一条 / 关闭 是一组图标按钮：组内零间距，字形之间只隔各自 4px 内边距（=8px）；
+   组与左侧 chip 之间补 4px margin，加上图标自身的 4px，视觉同为 8px。 */
+._iconGroup_1h61e_29 {
+  display: inline-flex;
+  gap: 0;
+  margin-left: 4px;
 }
 
-._spacer_fzqxj_126 {
+._spacer_1h61e_150 {
   flex: 1 1 auto;
   min-width: 0;
 }
 
-._readOnly_fzqxj_131 {
+._readOnly_1h61e_155 {
   color: var(--fb-muted);
   font-size: 13px;
   white-space: nowrap;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiptap-markdown-react",
-  "version": "0.11.0",
+  "version": "0.12.1",
   "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",