@jvs-milkdown/crepe 1.2.8 → 1.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jvs-milkdown/crepe",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "keywords": [
     "crepe",
     "editor",
@@ -97,9 +97,9 @@
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.26.0",
     "@floating-ui/dom": "^1.7.6",
-    "@jvs-milkdown/kit": "^1.2.8",
-    "@jvs-milkdown/prose": "^1.2.8",
-    "@jvs-milkdown/utils": "^1.2.8",
+    "@jvs-milkdown/kit": "^1.2.9",
+    "@jvs-milkdown/prose": "^1.2.9",
+    "@jvs-milkdown/utils": "^1.2.9",
     "@types/lodash-es": "^4.17.12",
     "clsx": "^2.0.0",
     "codemirror": "^6.0.1",

package/src/feature/fixed-toolbar/document-header.tsx

@@ -12,6 +12,8 @@ import {
 
 import type { FixedToolbarConfig } from './index'
 
+import { editorViewCtx } from '@jvs-milkdown/kit/core'
+
 import { builtInCoverImages, randomCover } from './cover-defaults'
 import { viewMenuStateCtx, editorWidthMap } from './view-menu-state'
 
@@ -283,6 +285,23 @@ export const DocumentHeader = defineComponent({
                   title.value = (e.target as HTMLTextAreaElement).value
                   adjustTitleHeight()
                 }}
+                onKeydown={(e: KeyboardEvent) => {
+                  if (e.key !== 'Enter') return
+                  e.preventDefault()
+                  if (e.ctrlKey || e.metaKey) {
+                    const target = e.target as HTMLTextAreaElement
+                    const start = target.selectionStart
+                    const end = target.selectionEnd
+                    title.value = title.value.slice(0, start) + '\n' + title.value.slice(end)
+                    requestAnimationFrame(() => {
+                      target.selectionStart = target.selectionEnd = start + 1
+                      adjustTitleHeight()
+                    })
+                  } else {
+                    const view = props.ctx.get(editorViewCtx)
+                    view?.focus()
+                  }
+                }}
                 rows={1}
                 style={{
                   width: '100%',