@ctzhian/tiptap 0.5.0 → 0.5.2

package/dist/Editor/demo.js

@@ -9,7 +9,7 @@ import { AiGenerate2Icon } from "../component/Icons";
 import "../index.css";
 var Reader = function Reader() {
   var _useTiptap = useTiptap({
-      editable: true,
+      editable: false,
       exclude: ['invisibleCharacters'],
       onSave: function onSave(editor) {
         console.log(editor.getHTML());

package/dist/index.css

@@ -6,6 +6,10 @@
   color: var(--mui-palette-text-secondary);
 }
 
+.tiptap.ProseMirror[contenteditable="false"] {
+  padding: 0;
+}
+
 .tiptap.ProseMirror :first-child {
   margin-top: 0;
 }
@@ -376,25 +380,41 @@
   background-color: var(--mui-palette-background-default);
 }
 
-/* 表格悬停时显示所有列边框 */
-.tiptap.ProseMirror table:hover {
+/* 表格悬停时显示所有列边框 - 只在编辑模式下生效 */
+.tiptap.ProseMirror[contenteditable="true"] table:hover {
+  border-left: 1px dotted var(--mui-palette-divider);
+  border-right: 1px dotted var(--mui-palette-divider);
+}
+
+.tiptap.ProseMirror[contenteditable="true"] table:hover td,
+.tiptap.ProseMirror[contenteditable="true"] table:hover th {
+  border-right-color: var(--mui-palette-divider);
+  border-right-style: dotted;
+}
+
+.tiptap.ProseMirror[contenteditable="true"] table:hover td:last-child,
+.tiptap.ProseMirror[contenteditable="true"] table:hover th:last-child {
+  border-right-color: transparent;
+}
+
+.tiptap.ProseMirror[contenteditable="false"] table {
   border-left: 1px dotted var(--mui-palette-divider);
   border-right: 1px dotted var(--mui-palette-divider);
 }
 
-.tiptap.ProseMirror table:hover td,
-.tiptap.ProseMirror table:hover th {
+.tiptap.ProseMirror[contenteditable="false"] table td,
+.tiptap.ProseMirror[contenteditable="false"] table th {
   border-right-color: var(--mui-palette-divider);
   border-right-style: dotted;
 }
 
-.tiptap.ProseMirror table:hover td:last-child,
-.tiptap.ProseMirror table:hover th:last-child {
+.tiptap.ProseMirror[contenteditable="false"] table td:last-child,
+.tiptap.ProseMirror[contenteditable="false"] table th:last-child {
   border-right-color: transparent;
 }
 
 /* 表格选择状态 */
-.tiptap.ProseMirror table .selectedCell:after {
+.tiptap.ProseMirror[contenteditable="true"] table .selectedCell:after {
   background-color: color-mix(in srgb, var(--mui-palette-primary-main) 12%, transparent);
   content: '';
   left: 0;
@@ -408,17 +428,17 @@
   /* border: 2px solid var(--mui-palette-primary-main); */
 }
 
-.tiptap.ProseMirror table .selectedCell {
+.tiptap.ProseMirror[contenteditable="true"] table .selectedCell {
   background-color: color-mix(in srgb, var(--mui-palette-primary-main) 5%, transparent) !important;
 }
 
 /* 选中单元格的边框样式 - 只改变最外圈边框颜色 */
-.tiptap.ProseMirror table .selectedCell {
+.tiptap.ProseMirror[contenteditable="true"] table .selectedCell {
   border-color: var(--mui-palette-primary-main) !important;
 }
 
 /* 表格列调整手柄 */
-.tiptap.ProseMirror table .column-resize-handle {
+.tiptap.ProseMirror[contenteditable="true"] table .column-resize-handle {
   background-color: transparent;
   border-right: 2px dotted var(--mui-palette-primary-main);
   bottom: -2px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",