Skip to content

Commit 9a100b1

Browse files
committed
feat: 修改message的保存编辑逻辑
- 现在enter会直接保存编辑,按下任意修饰键+enter换行
1 parent fc3c9c0 commit 9a100b1

1 file changed

Lines changed: 9 additions & 2 deletions

File tree

src/components/common/MessageItem.vue

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -73,8 +73,7 @@
7373
ref="editInput"
7474
v-model="editContentLocal"
7575
class="content-editor absolute-editor"
76-
@keydown.enter.ctrl="$emit('saveEdit', message.messageId)"
77-
@keydown.enter.meta="$emit('saveEdit', message.messageId)"
76+
@keydown.enter="handleEditEnter"
7877
@keydown.esc="$emit('cancelEdit')"
7978
></textarea>
8079
</div>
@@ -173,6 +172,14 @@ const editContentLocal = computed({
173172
set: (val) => emit('updateContent', val),
174173
});
175174
const editInput = ref<HTMLTextAreaElement | null>(null);
175+
function handleEditEnter(event: KeyboardEvent) {
176+
if (event.shiftKey || event.ctrlKey || event.metaKey || event.altKey) {
177+
return;
178+
}
179+
event.preventDefault();
180+
emit('saveEdit', props.message.messageId);
181+
}
182+
176183
watch(
177184
() => props.isEditing,
178185
async (newVal) => {

0 commit comments

Comments
 (0)