tiptap-markdown-react 0.12.0 → 0.12.1

package/dist/style.css

@@ -587,7 +587,7 @@
 }
 /* 查找替换浮动条。配色走 --tmr-* 变量（与工具栏/评论同一套），宿主可覆盖。 */
 
-._bar_1lvby_3 {
+._bar_1h61e_3 {
   --fb-accent: var(--tmr-accent, #ff6719);
   --fb-text: var(--tmr-text, #363737);
   --fb-muted: var(--tmr-toolbar-muted, #6b6b6b);
@@ -609,22 +609,25 @@
   line-height: 1.3;
 }
 
-._row_1lvby_25 {
+._row_1h61e_25 {
   display: flex;
   align-items: center;
-  gap: 4px;
+  /* 行内不留统一 gap：按钮的内边距各不相同（chip 有边框、图标按钮 4px、文字按钮更宽），
+     同一个盒子间距看起来并不一致。间距一律由下面 .toggle / .iconGroup / .textBtn 的
+     margin 补足，目标都是「视觉上看过去 8px」。 */
+  gap: 0;
   /* 窄屏（手机）允许折行，浮动条不会横向溢出 */
   flex-wrap: wrap;
 }
 
 /* 第二行起（替换 / 只读提示）与查找行之间用细线分开 */
-._row_1lvby_25 + ._row_1lvby_25 {
+._row_1h61e_25 + ._row_1h61e_25 {
   margin-top: 2px;
   padding-top: 8px;
   border-top: 1px solid var(--fb-border);
 }
 
-._field_1lvby_40 {
+._field_1h61e_43 {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -639,16 +642,16 @@
   background: #fff;
 }
 
-._field_1lvby_40:focus-within {
+._field_1h61e_43:focus-within {
   border-color: var(--fb-accent);
 }
 
-._fieldIcon_1lvby_59 {
+._fieldIcon_1h61e_62 {
   flex: none;
   color: var(--fb-muted);
 }
 
-._input_1lvby_64 {
+._input_1h61e_67 {
   width: 100%;
   min-width: 0;
   border: none;
@@ -658,28 +661,30 @@
   font: inherit;
 }
 
-/* 计数：等宽数字，避免 1 / 9 → 1 / 10 时宽度跳动 */
-._counter_1lvby_75 {
+/* 计数：在输入框内右侧，等宽数字避免 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_1lvby_84 {
+._counterInvalid_1h61e_89 {
   color: var(--tmr-danger, #d4380d);
 }
 
-._btn_1lvby_88 {
+._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;
@@ -689,52 +694,52 @@
   transition: background 0.15s, color 0.15s;
 }
 
-._btn_1lvby_88:hover:not(:disabled) {
+._btn_1h61e_93:hover:not(:disabled) {
   background: #f3f3f3;
   color: var(--fb-text);
 }
 
-._btn_1lvby_88:disabled {
+._btn_1h61e_93:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-/* 三个查找开关用短标记（Aa / ab / .*），省宽度且不依赖文案；带边框才读得出是控件 */
-._toggle_1lvby_116 {
-  min-width: 32px;
-  padding: 0 7px;
+/* 查找开关用短标记（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;
 }
 
-._toggle_1lvby_116:hover:not(:disabled) {
+._toggle_1h61e_29:hover:not(:disabled) {
   border-color: var(--fb-muted);
 }
 
-._toggleOn_1lvby_128,
-._toggleOn_1lvby_128:hover:not(:disabled) {
+._toggleOn_1h61e_135,
+._toggleOn_1h61e_135:hover:not(:disabled) {
   color: var(--fb-accent);
   border-color: var(--fb-accent);
   background: #fff3ec;
 }
 
-/* 关闭与上/下一条拉开一点：它不是「第三个导航」 */
-._closeBtn_1lvby_136 {
+/* 上一条 / 下一条 / 关闭 是一组图标按钮：组内零间距，字形之间只隔各自 4px 内边距（=8px）；
+   组与左侧 chip 之间补 4px margin，加上图标自身的 4px，视觉同为 8px。 */
+._iconGroup_1h61e_29 {
+  display: inline-flex;
+  gap: 0;
   margin-left: 4px;
 }
 
-._textBtn_1lvby_140 {
-  padding: 0 10px;
-  color: var(--fb-text);
-}
-
-._spacer_1lvby_145 {
+._spacer_1h61e_150 {
   flex: 1 1 auto;
   min-width: 0;
 }
 
-._readOnly_1lvby_150 {
+._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.12.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",