feat(snippets): exit from edit mode by enter for fragment

antonreshetov · antonreshetov · commit 9e3e30100695 · 2022-04-13T18:16:59.000+03:00
diff --git a/src/renderer/components/snippets/SnippetsFragmentsInput.vue b/src/renderer/components/snippets/SnippetsFragmentsInput.vue
@@ -3,6 +3,7 @@
     class="fragment"
     @dblclick="isEdit = true"
     @contextmenu="onClickContext"
+    @keypress="onKyePress"
   >
     <div
       v-if="!isEdit"
@@ -78,6 +79,10 @@ const onClickContext = async () => {
   }
 }
 
+const onKyePress = (e: KeyboardEvent) => {
+  if (e.code === 'Enter') isEdit.value = false
+}
+
 watch(isEdit, () => {
   nextTick(() => inputRef.value?.select())
 })

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,7 @@`
`3`	`3`	`class="fragment"`
`4`	`4`	`@dblclick="isEdit = true"`
`5`	`5`	`@contextmenu="onClickContext"`
	`6`	`+ @keypress="onKyePress"`
`6`	`7`	`>`
`7`	`8`	`<div`
`8`	`9`	`v-if="!isEdit"`
`@@ -78,6 +79,10 @@ const onClickContext = async () => {`
`78`	`79`	`}`
`79`	`80`	`}`
`80`	`81`
	`82`	`+const onKyePress = (e: KeyboardEvent) => {`
	`83`	`+ if (e.code === 'Enter') isEdit.value = false`
	`84`	`+}`
	`85`	`+`
`81`	`86`	`watch(isEdit, () => {`
`82`	`87`	`nextTick(() => inputRef.value?.select())`
`83`	`88`	`})`