tiptap-markdown-react 0.13.0 → 0.14.0

package/dist/labels.d.ts

@@ -109,6 +109,12 @@ export declare const defaultTocLabels: TocLabels;
 export interface CodeBlockLabels {
     autoDetect: string;
     delete: string;
+    /** 只读态：复制代码内容。 */
+    copy: string;
+    /** 只读态：展开超出限高的代码块。 */
+    expand: string;
+    /** 只读态：收起已展开的代码块。 */
+    collapse: string;
 }
 export declare const defaultCodeBlockLabels: CodeBlockLabels;
 export interface CommentLabels {

package/dist/style.css

@@ -782,7 +782,7 @@ table.tmr-pending-anchor {
   box-shadow: 0 0 0 1px var(--tmr-find-active-ring, rgba(230, 122, 0, 0.7));
 }
 /* 代码块 NodeView：白底、细边框、顶部 header 放语言选择（Radix 下拉）+ 删除。 */
-._wrapper_5i2vi_2 {
+._wrapper_16490_2 {
   position: relative;
   margin: 0.9em 0;
   border: 1px solid #e8e8e8;
@@ -792,13 +792,13 @@ table.tmr-pending-anchor {
 }
 
 /* 选中整个代码块时（NodeSelection）：accent 边框高亮，作为删除前的二次确认提示 */
-._wrapper_5i2vi_2.ProseMirror-selectednode,
-.ProseMirror-selectednode > ._wrapper_5i2vi_2 {
+._wrapper_16490_2.ProseMirror-selectednode,
+.ProseMirror-selectednode > ._wrapper_16490_2 {
   border-color: var(--tmr-accent, #ff6719);
   box-shadow: 0 0 0 1px var(--tmr-accent, #ff6719);
 }
 
-._header_5i2vi_18 {
+._header_16490_18 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -808,7 +808,7 @@ table.tmr-pending-anchor {
 }
 
 /* 语言选择触发按钮：无边框胶囊，hover 出灰底，右侧箭头图标 */
-._langTrigger_5i2vi_28 {
+._langTrigger_16490_28 {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -825,22 +825,29 @@ table.tmr-pending-anchor {
   transition: background 0.15s;
 }
 
-._langTrigger_5i2vi_28:hover,
-._langTrigger_5i2vi_28[data-state='open'] {
+._langTrigger_16490_28:hover,
+._langTrigger_16490_28[data-state='open'] {
   background-color: #f0f0f0;
 }
 
-._langChevron_5i2vi_50 {
+._langChevron_16490_50 {
   color: #8a8a8a;
   flex-shrink: 0;
 }
 
 /* 只读态语言徽标：无下拉 / 删除交互，样式对齐 langTrigger 但不可点 */
-._langBadge_5i2vi_56 {
+._readonlyHeader_16490_56 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  border-bottom: 1px solid #efefef;
+}
+
+._langBadge_16490_64 {
   display: inline-flex;
   align-items: center;
   padding: 3px 10px;
-  margin: 8px 12px;
   border-radius: 8px;
   background: #f0f0f0;
   color: #6b7280;
@@ -851,7 +858,7 @@ table.tmr-pending-anchor {
 }
 
 /* 下拉菜单气泡：白底圆角、细边框、轻阴影，最大高度可滚动 */
-._langMenu_5i2vi_71 {
+._langMenu_16490_78 {
   z-index: 50;
   min-width: 160px;
   max-height: 280px;
@@ -864,7 +871,7 @@ table.tmr-pending-anchor {
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
 }
 
-._langItem_5i2vi_84 {
+._langItem_16490_91 {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -879,16 +886,16 @@ table.tmr-pending-anchor {
 }
 
 /* 键盘方向键 / 鼠标 hover 高亮态（Radix 用 data-highlighted 标记） */
-._langItem_5i2vi_84[data-highlighted] {
+._langItem_16490_91[data-highlighted] {
   background-color: #f0f0f0;
 }
 
-._langItemSelected_5i2vi_103 {
+._langItemSelected_16490_110 {
   color: var(--tmr-accent, #ff6719);
   font-weight: 600;
 }
 
-._langItemCheck_5i2vi_108 {
+._langItemCheck_16490_115 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -896,7 +903,7 @@ table.tmr-pending-anchor {
   flex-shrink: 0;
 }
 
-._deleteBtn_5i2vi_116 {
+._deleteBtn_16490_123 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -911,23 +918,90 @@ table.tmr-pending-anchor {
   transition: background 0.15s, color 0.15s;
 }
 
-._deleteBtn_5i2vi_116:hover {
+._deleteBtn_16490_123:hover {
   background: #f4f4f4;
   color: #d4380d;
 }
 
-._pre_5i2vi_136 {
+._pre_16490_143 {
   margin: 0;
   padding: 16px 18px;
   background: transparent;
   border: none;
   border-radius: 0;
-  overflow-x: auto;
+  overflow: auto;
   font-size: 0.9em;
   line-height: 1.65;
 }
 
-._pre_5i2vi_136 code {
+/* 只读展示（MarkdownPreview / 只读编辑器）：默认限高块内滚动，
+   头部展开按钮可切换为不限高；编辑态不封顶（写长代码不应被折断） */
+._readonly_16490_56 ._pre_16490_143 {
+  display: flex;
+  align-items: flex-start;
+  max-height: var(--tmr-code-max-height, 480px);
+}
+
+._readonly_16490_56._expanded_16490_162 ._pre_16490_143 {
+  max-height: none;
+}
+
+/* 行号槽：sticky-left 保证横向滚动时行号可见；code 不折行（white-space: pre），
+   逻辑行与视觉行一一对应，行高继承 pre，格子无需逐行测高 */
+._gutter_16490_168 {
+  display: block;
+  flex: none;
+  position: sticky;
+  left: 0;
+  align-self: stretch;
+  padding-right: 12px;
+  margin-right: 14px;
+  border-right: 1px solid #f0f0f0;
+  background: #fff;
+  color: #9ca3af;
+  text-align: right;
+  min-width: 2ch;
+  user-select: none;
+  font-variant-numeric: tabular-nums;
+}
+
+._gutterLine_16490_185 {
+  display: block;
+}
+
+._readonlyActions_16490_189 {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
+._actionBtn_16490_195 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: #57606a;
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+}
+
+._actionBtn_16490_195:hover {
+  background: #f0f0f0;
+  color: #1f2937;
+}
+
+._langBraces_16490_214 {
+  margin-right: 6px;
+  color: var(--tmr-accent, #ff6719);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-weight: 700;
+}
+
+._pre_16490_143 code {
   display: block;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
   color: #24292e;
@@ -939,45 +1013,49 @@ table.tmr-pending-anchor {
 }
 
 /* 语法高亮配色（lowlight / highlight.js token，GitHub 浅色主题） */
-._pre_5i2vi_136 .hljs-comment,
-._pre_5i2vi_136 .hljs-quote {
+._pre_16490_143 .hljs-comment,
+._pre_16490_143 .hljs-quote {
   color: #6a737d;
   font-style: italic;
 }
 
-._pre_5i2vi_136 .hljs-keyword,
-._pre_5i2vi_136 .hljs-selector-tag,
-._pre_5i2vi_136 .hljs-literal,
-._pre_5i2vi_136 .hljs-type {
+._pre_16490_143 .hljs-keyword,
+._pre_16490_143 .hljs-selector-tag,
+._pre_16490_143 .hljs-literal,
+._pre_16490_143 .hljs-type {
   color: #d73a49;
 }
 
-._pre_5i2vi_136 .hljs-string,
-._pre_5i2vi_136 .hljs-meta .hljs-string,
-._pre_5i2vi_136 .hljs-regexp {
-  color: #032f62;
+._pre_16490_143 .hljs-string,
+._pre_16490_143 .hljs-meta .hljs-string,
+._pre_16490_143 .hljs-regexp {
+  color: #c0392b;
 }
 
-._pre_5i2vi_136 .hljs-number,
-._pre_5i2vi_136 .hljs-built_in,
-._pre_5i2vi_136 .hljs-builtin-name {
+._pre_16490_143 .hljs-number,
+._pre_16490_143 .hljs-built_in,
+._pre_16490_143 .hljs-builtin-name {
   color: #005cc5;
 }
 
-._pre_5i2vi_136 .hljs-title,
-._pre_5i2vi_136 .hljs-function .hljs-title,
-._pre_5i2vi_136 .hljs-section {
+._pre_16490_143 .hljs-title,
+._pre_16490_143 .hljs-function .hljs-title,
+._pre_16490_143 .hljs-section {
   color: #6f42c1;
 }
 
-._pre_5i2vi_136 .hljs-attr,
-._pre_5i2vi_136 .hljs-attribute,
-._pre_5i2vi_136 .hljs-variable,
-._pre_5i2vi_136 .hljs-template-variable {
-  color: #e36209;
+._pre_16490_143 .hljs-attr,
+._pre_16490_143 .hljs-attribute,
+._pre_16490_143 .hljs-variable,
+._pre_16490_143 .hljs-template-variable {
+  color: #24292e;
+}
+
+._pre_16490_143 .hljs-punctuation {
+  color: #57606a;
 }
 
-._pre_5i2vi_136 .hljs-tag {
+._pre_16490_143 .hljs-tag {
   color: #22863a;
 }
 /* 顶部操作栏：横跨宽度、内容居中、细线灰图标。配色映射到可覆盖的 --tmr-* 变量。 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiptap-markdown-react",
-  "version": "0.13.0",
+  "version": "0.14.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, zero Ant Design.",
   "type": "module",
   "license": "MIT",