tiptap-markdown-react 0.8.11 → 0.8.12

package/dist/labels.d.ts

@@ -54,12 +54,27 @@ export interface ToolbarLabels {
     /** 导入下拉里的 Markdown 项。 */
     importMarkdown: string;
     tableInsert: string;
+    /** 网格选择器底部尺寸文案，如 "3 × 4"。参数顺序：列、行。 */
+    tableSizeSelected: (cols: number, rows: number) => string;
     tableAddColumnBefore: string;
     tableAddColumnAfter: string;
     tableDeleteColumn: string;
     tableAddRowBefore: string;
     tableAddRowAfter: string;
     tableDeleteRow: string;
+    /** 多格选区：在左侧插入 N 列。 */
+    tableAddColumnBeforeN: (n: number) => string;
+    /** 多格选区：在右侧插入 N 列。 */
+    tableAddColumnAfterN: (n: number) => string;
+    /** 多格选区：删除 N 列。 */
+    tableDeleteColumnN: (n: number) => string;
+    /** 多格选区：在上方插入 N 行。 */
+    tableAddRowBeforeN: (n: number) => string;
+    /** 多格选区：在下方插入 N 行。 */
+    tableAddRowAfterN: (n: number) => string;
+    /** 多格选区：删除 N 行。 */
+    tableDeleteRowN: (n: number) => string;
+    tableDeleteTable: string;
     inlineMath: string;
     blockMath: string;
     mathPlaceholder: string;

package/dist/style.css

@@ -559,7 +559,7 @@
   color: #22863a;
 }
 /* 顶部操作栏：横跨宽度、内容居中、细线灰图标。配色映射到可覆盖的 --tmr-* 变量。 */
-._toolbar_16b09_2 {
+._toolbar_1f7fb_2 {
   --sb-accent: var(--tmr-accent, #ff6719);
   --sb-text: var(--tmr-text, #363737);
   --sb-muted: var(--tmr-toolbar-muted, #6b6b6b);
@@ -572,7 +572,7 @@
   z-index: 8;
 }
 
-._inner_16b09_15 {
+._inner_1f7fb_15 {
   display: flex;
   align-items: center;
   justify-content: safe center;
@@ -584,7 +584,7 @@
   overflow-x: auto;
 }
 
-._btn_16b09_27 {
+._btn_1f7fb_27 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -602,40 +602,88 @@
   transition: background 0.15s, color 0.15s;
 }
 
-._btn_16b09_27:hover:not(:disabled) {
+._btn_1f7fb_27:hover:not(:disabled) {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._btnActive_16b09_50 {
+._btnActive_1f7fb_50 {
   color: var(--sb-accent);
   background: #fff3ec;
 }
 
-._btnActive_16b09_50:hover {
+._btnActive_1f7fb_50:hover {
   color: var(--sb-accent);
   background: #ffe8da;
 }
 
-._btn_16b09_27:disabled {
+._btn_1f7fb_27:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-/* 表内浮动工具条（BubbleMenu portal 到 body，拿不到 .toolbar 变量，故写死配色） */
-._tableBubble_16b09_66 {
+/* 表内右键菜单（portal 到 body，拿不到 .toolbar 变量，故写死配色） */
+._tableBubble_1f7fb_66 {
   display: flex;
-  align-items: center;
-  gap: 2px;
-  padding: 4px;
+  flex-direction: column;
+  min-width: 220px;
+  padding: 6px;
   background: #fff;
   border: 1px solid #ececec;
-  border-radius: 8px;
-  box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
+  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_16b09_78 {
+._txtIcon_1f7fb_126 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 16px;
   font-weight: 600;
@@ -643,7 +691,7 @@
 }
 
 /* 文字颜色 / 高亮图标：字母 + 底部当前色条 */
-._colorIcon_16b09_86 {
+._colorIcon_1f7fb_134 {
   display: inline-flex;
   flex-direction: column;
   align-items: center;
@@ -651,20 +699,20 @@
   line-height: 1;
 }
 
-._colorIconGlyph_16b09_94 {
+._colorIconGlyph_1f7fb_142 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 15px;
   font-weight: 600;
 }
 
-._colorIconBar_16b09_100 {
+._colorIconBar_1f7fb_148 {
   width: 16px;
   height: 3px;
   border-radius: 1.5px;
 }
 
 /* A▾ 上标/下标下拉触发器 */
-._scriptTrigger_16b09_107 {
+._scriptTrigger_1f7fb_155 {
   display: inline-flex;
   align-items: center;
   gap: 3px;
@@ -679,12 +727,12 @@
   transition: background 0.15s, color 0.15s;
 }
 
-._scriptTrigger_16b09_107:hover {
+._scriptTrigger_1f7fb_155:hover {
   background: #f3f3f3;
   color: var(--sb-text);
 }
 
-._scriptTriggerGlyph_16b09_127 {
+._scriptTriggerGlyph_1f7fb_175 {
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
   font-size: 16px;
   font-weight: 600;
@@ -692,7 +740,7 @@
   text-underline-offset: 2px;
 }
 
-._divider_16b09_135 {
+._divider_1f7fb_183 {
   width: 1px;
   height: 20px;
   margin: 0 8px;
@@ -701,7 +749,7 @@
 }
 
 /* ── Style / Size / More 下拉触发器 ── */
-._styleTrigger_16b09_144 {
+._styleTrigger_1f7fb_192 {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -721,16 +769,16 @@
   transition: background 0.15s;
 }
 
-._styleTrigger_16b09_144:hover:not(:disabled) {
+._styleTrigger_1f7fb_192:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._styleTrigger_16b09_144:disabled {
+._styleTrigger_1f7fb_192:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-._styleTriggerLabel_16b09_173 {
+._styleTriggerLabel_1f7fb_221 {
   flex: 1;
   text-align: left;
   overflow: hidden;
@@ -738,19 +786,19 @@
   text-overflow: ellipsis;
 }
 
-._styleTriggerCaret_16b09_181 {
+._styleTriggerCaret_1f7fb_229 {
   color: var(--sb-muted);
   flex: none;
 }
 
 /* 下拉项：图标 + 文字 */
-._styleItem_16b09_187 {
+._styleItem_1f7fb_235 {
   display: inline-flex;
   align-items: center;
   gap: 12px;
 }
 
-._styleIcon_16b09_193 {
+._styleIcon_1f7fb_241 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -760,19 +808,19 @@
 }
 
 /* 上标 / 下标图标 */
-._scriptGlyph_16b09_203 {
+._scriptGlyph_1f7fb_251 {
   display: inline-block;
   text-align: center;
   font-family: 'SF Pro Display', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
 }
 
-._scriptGlyph_16b09_203 sup,
-._scriptGlyph_16b09_203 sub {
+._scriptGlyph_1f7fb_251 sup,
+._scriptGlyph_1f7fb_251 sub {
   font-size: 0.7em;
 }
 
 /* ── Radix 下拉菜单面板（替代 antd .ant-dropdown-menu） ── */
-._menu_16b09_215 {
+._menu_1f7fb_263 {
   min-width: 200px;
   padding: 6px;
   background: #fff;
@@ -783,7 +831,7 @@
   z-index: 1000;
 }
 
-._menuItem_16b09_226 {
+._menuItem_1f7fb_274 {
   display: flex;
   align-items: center;
   width: 100%;
@@ -797,54 +845,101 @@
   cursor: pointer;
   user-select: none;
   outline: none;
+  gap: 8px;
 }
 
-._menuItem_16b09_226:hover:not(:disabled) {
+._menuItem_1f7fb_274:hover:not(:disabled) {
   background: #f3f3f3;
 }
 
-._menuItem_16b09_226:disabled {
+._menuItem_1f7fb_274:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
 /* 选中态：品牌色高亮 */
-._menuItemSelected_16b09_252 {
+._menuItemSelected_1f7fb_301 {
   background: #fff3ec;
   color: var(--sb-accent);
 }
 
-._menuItemSelected_16b09_252 ._styleIcon_16b09_193 {
+._menuItemSelected_1f7fb_301 ._styleIcon_1f7fb_241 {
   color: var(--sb-accent);
 }
 
-._menuItemSelected_16b09_252:hover:not(:disabled) {
+._menuItemSelected_1f7fb_301:hover:not(:disabled) {
   background: #ffe8da;
 }
 
+._tableInsertCaret_1f7fb_314 {
+  margin-left: auto;
+  color: var(--sb-muted);
+  transform: rotate(-90deg);
+  flex: none;
+}
+
+/* 插入表格：行列网格选择器 */
+._tableSizePicker_1f7fb_322 {
+  padding: 10px;
+  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);
+  z-index: 1001;
+}
+
+._tableSizeGrid_1f7fb_332 {
+  display: grid;
+  gap: 3px;
+}
+
+._tableSizeCell_1f7fb_337 {
+  width: 16px;
+  height: 16px;
+  padding: 0;
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  background: #fff;
+  cursor: pointer;
+}
+
+._tableSizeCellActive_1f7fb_347 {
+  border-color: var(--tmr-accent, #ff6719);
+  background: #fff3ec;
+}
+
+._tableSizeLabel_1f7fb_352 {
+  margin-top: 8px;
+  text-align: center;
+  font-size: 12px;
+  color: #6b6b6b;
+  font-variant-numeric: tabular-nums;
+}
+
 /* Radix Popover 内容（承载 ColorPalette），面板自带阴影，这里只兜底 z-index */
-._popoverContent_16b09_266 {
+._popoverContent_1f7fb_361 {
   z-index: 1000;
 }
 
-._mathLayer_16b09_270 {
+._mathLayer_1f7fb_365 {
   position: absolute;
   z-index: 6;
 }
 
-._mathStack_16b09_275 {
+._mathStack_1f7fb_370 {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
 }
 
-._mathStackBlock_16b09_282 {
+._mathStackBlock_1f7fb_377 {
   align-items: stretch;
   width: 100%;
 }
 
-._mathHint_16b09_287 {
+._mathHint_1f7fb_382 {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -856,19 +951,19 @@
   line-height: 1.4;
 }
 
-._mathHintBlock_16b09_299 {
+._mathHintBlock_1f7fb_394 {
   width: 100%;
   padding: 10px 14px;
   border-radius: 8px;
 }
 
-._mathHintIcon_16b09_305 {
+._mathHintIcon_1f7fb_400 {
   font-family: ui-serif, Georgia, 'Times New Roman', serif;
   font-size: 12px;
   opacity: 0.85;
 }
 
-._mathPreviewInline_16b09_311 {
+._mathPreviewInline_1f7fb_406 {
   display: inline-flex;
   max-width: min(440px, calc(100vw - 24px));
   padding: 4px 10px;
@@ -878,7 +973,7 @@
   color: var(--tmr-text, #363737);
 }
 
-._mathPreviewBlock_16b09_321 {
+._mathPreviewBlock_1f7fb_416 {
   width: 100%;
   min-height: 48px;
   padding: 14px 16px;
@@ -889,11 +984,11 @@
   color: var(--tmr-text, #363737);
 }
 
-._mathPreviewBlock_16b09_321 .katex-display {
+._mathPreviewBlock_1f7fb_416 .katex-display {
   margin: 0;
 }
 
-._mathField_16b09_336 {
+._mathField_1f7fb_431 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -905,14 +1000,14 @@
   box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
 }
 
-._mathFieldBlock_16b09_348 {
+._mathFieldBlock_1f7fb_443 {
   align-items: flex-start;
   width: 100%;
   border-radius: 12px;
   padding: 10px 10px 10px 14px;
 }
 
-._mathInput_16b09_355 {
+._mathInput_1f7fb_450 {
   flex: 1;
   min-width: 0;
   margin: 0;
@@ -926,11 +1021,11 @@
   resize: none;
 }
 
-._mathInput_16b09_355:focus {
+._mathInput_1f7fb_450:focus {
   outline: none;
 }
 
-._mathDone_16b09_373 {
+._mathDone_1f7fb_468 {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -946,16 +1041,16 @@
   cursor: pointer;
 }
 
-._mathDone_16b09_373:hover:not(:disabled) {
+._mathDone_1f7fb_468:hover:not(:disabled) {
   filter: brightness(0.95);
 }
 
-._mathDone_16b09_373:disabled {
+._mathDone_1f7fb_468:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
-._mathDoneKbd_16b09_398 {
+._mathDoneKbd_1f7fb_493 {
   font-size: 11px;
   font-weight: 500;
   opacity: 0.85;

package/dist/tableSelection.d.ts

@@ -0,0 +1,29 @@
+import { Editor } from '@tiptap/core';
+import { EditorState } from '@tiptap/pm/state';
+import { CellSelection } from '@tiptap/pm/tables';
+export interface TableSelectionInfo {
+    rowCount: number;
+    colCount: number;
+    /** 选区跨越多行或多列时为 true（用于带 N 的文案）。 */
+    isMultiCell: boolean;
+    includesHeaderRow: boolean;
+    coversAllRows: boolean;
+    coversAllCols: boolean;
+}
+/** 当前若不在表格内返回 null。 */
+export declare function getTableSelectionInfo(state: EditorState): TableSelectionInfo | null;
+/** 文档坐标是否落在 CellSelection 覆盖的某个单元格内（含单元格节点本身）。 */
+export declare function isPosInCellSelection(selection: CellSelection, pos: number): boolean;
+/**
+ * 表内右键：若点击落在已有多格选区内则保留选区；
+ * 否则把光标落到点击位置（单格操作）。
+ */
+export declare function preserveTableSelectionOnContextMenu(editor: Editor, pos: number): void;
+export declare function addRowsBefore(editor: Editor, count: number): boolean;
+export declare function addRowsAfter(editor: Editor, count: number): boolean;
+export declare function addColumnsBefore(editor: Editor, count: number): boolean;
+export declare function addColumnsAfter(editor: Editor, count: number): boolean;
+/** 删行：全表行被选中时改为删整表；含表头时调用方应先禁用。 */
+export declare function deleteSelectedRows(editor: Editor): boolean;
+/** 删列：选区覆盖全部列且同时覆盖全部行时删整表；仅覆盖全部列时失败（由 UI 禁用）。 */
+export declare function deleteSelectedColumns(editor: Editor): boolean;

package/dist/tableSelection.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

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