tiptap: add default title when empty and can't editable

packages/client/src/tiptap/core/wrappers/title/index.module.scss

@@ -1,4 +1,5 @@
 .wrap {
+  position: relative;
   overflow: auto;
 
   .coverWrap {
@@ -27,19 +28,9 @@
     }
   }
 
-  .emoji {
+  .emptyTitle {
-    display: inline-block;
+    position: absolute;
-    width: 78px;
+    height: 0;
-    height: 78px;
+    pointer-events: none;
-    font-size: 78px;
-    font-weight: normal;
-    line-height: 78px;
-    cursor: pointer;
-
-    &:hover,
-    &:focus,
-    &:focus-within {
-      background-color: var(--semi-color-fill-1);
-    }
   }
 }

packages/client/src/tiptap/core/wrappers/title/index.tsx

@@ -19,6 +19,7 @@ const images = [
 export const TitleWrapper = ({ editor, node }) => {
   const isEditable = editor.isEditable;
   const { cover } = node.attrs;
+  const hasTitleContent = node.content.size > 0;
 
   const setCover = useCallback(
     (cover) => {
@@ -62,6 +63,7 @@ export const TitleWrapper = ({ editor, node }) => {
           </ButtonGroup>
         </div>
       ) : null}
+      {!isEditable && !hasTitleContent && <span className={styles.emptyTitle}>未命名文档</span>}
       <NodeViewContent></NodeViewContent>
     </NodeViewWrapper>
   );