功能完善

src/components/MarkdownEditor.vue

@@ -464,6 +464,7 @@ watch(activeDocumentMode, (mode, oldMode) => {
           :ref="setBlockTextareaRef"
           :value="editingSource"
           :placeholder="props.placeholder"
+          rows="1"
           class="markdown-block-editor"
           @input="onBlockInput"
           @keydown="onBlockKeydown"
@@ -491,6 +492,7 @@ watch(activeDocumentMode, (mode, oldMode) => {
               v-if="editingBlockId === block.id"
               :ref="setBlockTextareaRef"
               :value="editingSource"
+              rows="1"
               class="markdown-block-editor"
               @input="onBlockInput"
               @keydown="onBlockKeydown"
@@ -637,30 +639,40 @@ watch(activeDocumentMode, (mode, oldMode) => {
 /* ── Mixed mode block editing ────────────────────────────────────── */
 
 .markdown-block {
-  margin: -1px -0.375rem;
-  padding: 1px 0.375rem;
-  border-radius: 0.375rem;
+  display: contents;
+}
+
+.markdown-block-preview {
+  display: contents;
+  outline: none;
+}
+
+.markdown-block:not(.markdown-block-editing) > .markdown-block-preview > * {
   transition:
     background-color 0.15s ease,
     box-shadow 0.15s ease;
 }
 
-.markdown-block:hover {
+.markdown-block:not(.markdown-block-editing):hover > .markdown-block-preview > * {
   background-color: #f4f1ea;
   cursor: text;
 }
 
+.markdown-block-editing {
+  display: block;
+}
+
 .markdown-block-editing,
 .markdown-block-editing:hover {
   background-color: transparent;
 }
 
-.markdown-block-preview {
-  min-height: 1.625em;
-  outline: none;
+.markdown-block-preview:focus-visible > * {
+  outline: 2px solid #d6aa8e;
+  outline-offset: 2px;
+  border-radius: 0.25rem;
 }
 
-.markdown-block-preview:focus-visible,
 .markdown-empty-placeholder:focus-visible {
   outline: 2px solid #d6aa8e;
   outline-offset: 2px;
@@ -670,7 +682,7 @@ watch(activeDocumentMode, (mode, oldMode) => {
 .markdown-block-editor {
   display: block;
   width: 100%;
-  min-height: 4rem;
+  min-height: calc((1em * 1.6) + 1.5rem + 2px);
   resize: none;
   overflow: hidden;
   border: 1px solid #d6aa8e;